Login
网站首页 > 文章中心 > 其它

lineheight和height一致

作者:小编 更新时间:2023-07-27 09:08:54 浏览量:109人看过

与字体没拿雀关系友敏吵

#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一致相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章