为了账号安全,请及时绑定邮箱和手机立即绑定

教程中line-height定义含糊不清?都快混淆了

line-height: 顾名思义,行高(行间距),指在文本中,行与行之间的 基线间的距离 )。

(ps:感觉这段定义像是说line-height就是行高,基线与基线间的距离,不是行高么?)

line-height 与 font-size 的计算值之差,在 CSS 中成为“行间距”。分为两半,分别加到一个文本行内容的顶部和底部

(晕了`line-heiight<行间距>与font-size的差,在CSS中成了行间距。不是还有个叫行距的么<leading>?)求哪位前辈解释一下

正在回答

2 回答

行高 应该就是每一行所在空间水平分割线的间距; line-height相当于盒子的高度, font-size相当于置于盒中蛋糕的厚度; 如果上下并排放置两盒蛋糕, 那么下面蛋糕上边沿 和 上面蛋糕下边沿的 间距,就是 行距;  

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

Ecin 提问者

所以说教程中"line-heiight<行间距>与font-size的差,在CSS中成了行间距"。后边这个行间距应该换成行距才对是么?否则它自己说 行间距与字号的差 在CSS中成了行间距,==字面理解就醉了!而我对前辈的解释理解为: line-height = margin-top + padding-top + height + padding-bottom +margin-bottom即盒子的高度 行距 = padding-bootom + margin-bottom + 下一行的padding-top +下一行的margin-top
2016-12-12 回复 有任何疑惑可以回复我~
#2

Ecin 提问者

不知蛋糕的厚度是否就是 盒子模型中 的内容厚度呢?前辈,,,不知对不?谢谢你的帮助
2016-12-12 回复 有任何疑惑可以回复我~
#3

Ecin 提问者

非常感谢!
2016-12-17 回复 有任何疑惑可以回复我~
#4

qq_浮雲遊子_03977413

那这样的话 行距就是两个margin相加了吧
2017-01-07 回复 有任何疑惑可以回复我~
查看1条回复

http://img1.sycdn.imooc.com//585630730001a3db05370186.jpg

line-height和什么margin、padding没关系哦

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

Ecin 提问者

外边距 外边是不是就挨着基线啊--盒与盒之间还有空隙么?大哥?
2016-12-18 回复 有任何疑惑可以回复我~
#2

Robert_Langdon 回复 Ecin 提问者

没有哦 两个盒子默认就是外边距挨着外边距的
2016-12-19 回复 有任何疑惑可以回复我~
#3

Ecin 提问者 回复 Robert_Langdon

好的,谢谢大神指惑
2016-12-20 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1226724    人
  • 解答问题       18245    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

教程中line-height定义含糊不清?都快混淆了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信