首页 > 若高度设置为百分比,则line-height则失去了垂直居中的作用

若高度设置为百分比,则line-height则失去了垂直居中的作用

若将高度设置为百分比,line-height与高度设置为相同百分比时则失去了文本垂直居中的作用,请问如何解决这个问题。


line-height 设置百分比是相对 font-size 的值,可以使用给父元素加伪元素
并设置

display: inline-block;
vertical-align: middle;
height:100%;

来实现


目测
文本高于行框,所以 垂直居中属性失效


没试过line-height设定为百分比,但是如果要设也只能设100%吧

【热门文章】
【热门文章】