与字体没拿雀关系友敏吵
#box{
width:400px;
height:400px;
background:#909090;
}
p{
line-height:400px;
text-align:center;
123132465465
与字体大小纤姿有关,比如:font-size:15px; line-height:2;(行高是字毁激绝体大小的两倍)这样的话文字一定会垂直居中显铅咐示的
height是块高度,line-height是单行高度。正常理解,在没有div的页面中,在一行里面,文字是垂直居中的。
默认文字的单行高度是和文字的大小相关的,穗坦在此情况下,只显示瞎族如一行的块,人为指定的块高度和单行的高度就不相同,导致了文字不磨启能垂直居中,此时将单行高度强行设置为块高度,就去除了文字大小的影响,实现了文字的垂直居中效果!
能,文字上下居中显示。
文字能够上锋差下居渣笑中
例如:ie6下文本与文本输入框对不齐,需设置vertical-align:middle,但是文本框的内容不会垂直居中。给容器设置一个与其高度相同的行高line-height:与容如基含器的height一样就可以实现。
给举个例子把粗态配,正常比如你设置的字体大小是14像素,闭吵那你的岩指line
height
(行高)设置为负值的话,那相邻的2行的文字就会出现重叠的现象!
如果不打算写死,就用js,或者用rem
如果height值是固定不变的,简单,直接设置line-height跟height值一样就行了。
如果height值是动态的,你可以考唤让虑用js获取height的值,然后在铅链凳设槐旅置给对应文字,让它的line-height跟height一样。
line-height行高是包含槐岩了文字的高度在内的,而纳明和height并非是文字的高度,而是文字所在标签的高度
行高举例的话,洞盯假如行高设为30px,那么就是文字中心点距上或者距下各为15px,所以行高与标签的高度一样的时候就垂直居中了
以上就是土嘎嘎小编大虾米为大家整理的lineheight和height一致相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!