为什么设置line-height 与height相等就可以垂直居中呢?
为什么设置line-height 与height相等就可以垂直居中呢? |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
line-height是行高 height是高度
字体的行框高度是根据字体的font-size决定 line-height相当于表示字体占位的高度 line-height 大于 字体行框的高度时,行框上下会自动留出相等距离 相当于margin:auto;(不全)
我说的不一定对 有本书《css权威指南》上面介绍的比较详细(不过因为时间太长了,所以除了字体的那一章之外其他的不保证写的都是对的)
这个东西没多大用处,记住line-height等于height就是居中就行了 |
|
|
|
|
一行字的高度 跟 这个容器的高度相等了,就自然是垂直居中了呀 。
字的高度还包括字上下的一些空隙的哦 |
|
|
|
|