CSS行高

最编程 2024-02-15 16:13:50

...

在css中所有的行都有自己的行高

格式：

line-height：；

注：

1.行高和盒子高度不是一个概念

2.文字在行高中默认是垂直居中的

3.在开发中常将盒子的高度和行高设置为一样，来保证一行文字在盒子的高度中是垂直居中的

4.如果盒子中有多行文字，只能通过设置padding让文字居中

5.如果一个盒子中存储的是文字，一般情况下以盒子左边的内边距为基准，不会以右边的内边距为基准（右边的内边距有误差，文字放不下会换行）

6.顶部的内边距不是边框到文字顶部的距离，而是边框到行高顶部的距离

推荐阅读

家庭*行（一）：从密西西比州到佛罗里达州