                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /企业网站综合布局实战

为什么height==line-height，内容可以垂直居中！

RT感谢回答！

飞天意大利面神兽

2016-03-24

源自：企业网站综合布局实战 3-5

关注问题我要回答

1116

操作

收起

2 回答

jiptom 回答被采纳 +3 积分
2016-03-25

height是一行的上下宽度(height直接翻译应是高度), line-height是文字水平中线以所在行的上沿往下的距离(即line-height), 这一点上来说, 文字的表达不如图片(共11张图, 第1行和第2行的图片height(上下宽度)都为30px, 而line-height依次为: 0px, 10px, 20px, 30px(此图即居中图), 40px, 50px和60px; 而最后一张图拿来做对比, height为60px, line-height为0px):

0 回复有任何疑惑可以回复我~

#1

漏了说了, 第2行第3至5张图片的line分别是70px, 80px, 90px~

2016-03-25 回复有任何疑惑可以回复我~

#2

飞天意大利面神兽提问者

非常感谢！

2016-05-12 回复有任何疑惑可以回复我~

indd
2016-03-25

就像写字的笔记本一样，我们都知道里面一张纸有十几道下划线作为我们写字时的参考线以防我们把字写的不在一行上，那么下划线与下划线之间的距离就是行高了。一般我们记东西都会从每一页的第一行写起，然后逐渐的一行一行的写，试想如果一张纸只有一行就是让行高等于本张纸的高度，那么你写的内容是不是就居中显示了？

1 回复有任何疑惑可以回复我~

#1

飞天意大利面神兽提问者

非常感谢！

2016-05-20 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

企业网站综合布局实战

参与学习 157043 人
解答问题 1985 个

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

本课相似问答

1 回答为什么我设置了line-height却没有垂直居中？

2 回答搜索框居中为什么不用line-height？

2 回答line-height=35px不能垂直居中，more>>也改动不了

6 回答line-height水平居中问题

1 回答line-height

搜索更多本课相关问答

为什么height==line-height，内容可以垂直居中！

我要回答关注问题

意见反馈帮助中心 APP下载