问答详情
源自:3-5 企业网站制作之导航部分制作(二)

为什么height==line-height,内容可以垂直居中!

RT感谢回答!

提问者:飞天意大利面神兽 2016-03-24 13:04

个回答

  • jiptom
    2016-03-25 15:39:11
    已采纳

    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):

    56f4e8830001cb5b01170132.jpg56f4e8830001f72001060142.jpg56f4e8840001e0bf01110132.jpghttp://img.mukewang.com/56f4e9280001a4a801140128.jpg56f4e8840001032001220127.jpg

    56f4e8930001b63001140134.jpghttp://img.mukewang.com/56f4e94e0001f45001170131.jpg56f4e8930001386401180136.jpg56f4e8930001a0ac01180140.jpghttp://img.mukewang.com/56f4e9600001610501130140.jpg

    http://img.mukewang.com/56f4e8d40001fca301450198.jpg

  • indd
    2016-03-25 14:41:09

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