CSS为什么行高line-height与文字高度height设为一样大,文字就垂直居中了?

答案:5 悬赏:40

解决时间 2021-01-07 03:43

提问者网友：未信
2021-01-06 15:14

最佳答案

二级知识专家网友：七十二街
2021-01-06 16:07

line-height行高是包含了文字的高度在内的，而height并非是文字的高度，而是文字所在标签的高度

行高举例的话，假如行高设为30px，那么就是文字中心点距上或者距下各为15px，所以行高与标签的高度一样的时候就垂直居中了追问如果此时我把行高调为60px，那么文字中心点距上或者距下各为30px，那不仍然是垂直居中吗？追答如果超出标签的高度的话，会以居上的距离为准，那就会偏下
补充：table布局的话，td如果设定了高度，那么文字就会默认垂直居中，这个你可以好好利用

全部回答

1楼网友：迟山
2021-01-06 20:55

谁告诉你height是文字高度的？呵呵，重新好好学习下

2楼网友：零点过十分
2021-01-06 20:37

这是在文字只有一行的时候垂直居中的办法行高与文字容器同高，此时在效果上看就是垂直居中。多行文字需要用相对定位。

3楼网友：梦中风几里
2021-01-06 19:02

line-height是行高
height是容器高
块级容器里只有一行的情况下
line-height 等于 height 就是文字垂直居中

4楼网友：酒者煙囻
2021-01-06 17:41

我暂时保留我的看法！

我要举报

如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！