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

来源:3-5 企业网站制作之导航部分制作(二)

飞天意大利面神兽

2016-03-24 13:04

RT感谢回答!

写回答 关注

2回答

  • 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

    飞天意大利面...

    非常感谢!

    2016-05-12 15:34:32

    共 2 条回复 >

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

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

    飞天意大利面...

    非常感谢!

    2016-05-20 11:53:57

    共 1 条回复 >

企业网站综合布局实战

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

157042 学习 · 1984 问题

查看课程

相似问题