我们一起来读书吧 关注:154贴子:2,542
  • 0回复贴,共1

《CSS世界》5.2.2-5.3.1

取消只看楼主收藏回复

“要想让单行文字垂直居中,只要设置line-height大小和height高度一样就可以了”该说法有两个误区:
1. 要让单行文字居中,只需要line-height一个属性就可以了
2. 行高控制文字居中,不仅适用于单行,多行也是可以的,但只能是近似居中
近似居中的原因,是因为文字字形的垂直中线位置普遍要比真正的行框盒子的垂直中线位置低
要实现多行文字居中,需要将文字用一个元素包裹,设置为inline-block,然后通过内层和外层的line-height实现垂直居中
line-height有3类值:
1. 数值
2. 百分比值
3. 长度值
区别在于使用数值作为line-height时,所有子元素都是继承这个值
无论line-height如何设置,最终父级元素的高度都是由数值大的那个line-height决定的
vertical-align的值分位四类
1. 线类
2. 文本类
3. 上标下标类
4. 述职百分比类


IP属地:北京1楼2024-12-16 22:58回复