若将高度设置为百分比,line-height与高度设置为相同百分比时则失去了文本垂直居中的作用,请问如何解决这个问题。
line-height
设置百分比是相对 font-size 的值,可以使用给父元素加伪元素
并设置
display: inline-block;
vertical-align: middle;
height:100%;
来实现
目测
文本高于行框,所以 垂直居中属性失效
没试过line-height设定为百分比,但是如果要设也只能设100%吧
若将高度设置为百分比,line-height与高度设置为相同百分比时则失去了文本垂直居中的作用,请问如何解决这个问题。
line-height
设置百分比是相对 font-size 的值,可以使用给父元素加伪元素
并设置
display: inline-block;
vertical-align: middle;
height:100%;
来实现
目测
文本高于行框,所以 垂直居中属性失效
没试过line-height设定为百分比,但是如果要设也只能设100%吧