在p内设置line-height与设置margin-top的效果一样吗？

老师，line-height一般设置在什么情形下，与margin-top有何区别？效果是不是相同？

天才少年25 2019-07-09

源自：前端油画商城案例 4-1 页脚区

2

收起

4回答

好帮手慕阿满回答被采纳获得+3积分 2019-07-10 13:43:35

同学你好，同学理解的不错，但是第二行和第三行之间的距离应该是line-height减去font-size的大小。

祝：学习愉快~

天才少年25 提问者 #1

第一行与第二行之间的距离也是：linn-height减去font-size吧？等于第二行与第三行之间的距离。

2019-07-10 14:05:02
好帮手慕阿满回复提问者天才少年25 #2

是的，同学理解的不错。祝：学习愉快~

2019-07-10 14:53:37

好帮手慕阿满 2019-07-09 19:37:03

同学你好，可以理解为一样的。在w3school中，对line-height定义时，指出line-height设置行间的距离，也就是行高，http://www.w3school.com.cn/cssref/pr_dim_line-height.asp，如：

祝：学习愉快~

提问者天才少年25 #1

根据你前面所说的，第一行与顶部的距离是：(line-height)-(font-size),再除以2是吗？然后第二行与第一行，第三行与第二行，第四行与第三行，之间的距离就都是line-height是吗？

2019-07-09 20:26:37

好帮手慕阿满 2019-07-09 18:48:52

同学你好，即使是多行的文本，行间距也是line-height减去font-size，然后分成两半，加到文本的顶部和底部。第一行应该是line-height减去font-size，然后除以2，加到第一行文件的顶部。

祝：学习愉快~

提问者天才少年25 #1

行高和行间距是两个不同的概念吧？第一行与顶部的距离，以及第二行与第一行的距离，这类叫做行间距吧？

2019-07-09 19:07:24

好帮手慕阿满 2019-07-09 16:31:24

同学你好，line-height是行高，line-height 与 font-size 的计算值之差分为两半，分别加到一个文本行内容的顶部和底部。简单的说设置行高可以使文字垂直居中。margin-top是设置顶部的外边距，在某种程度上，可以实现和line-height同样的效果。

如果我的回答解决了你的疑惑，请采纳。祝：学习愉快~

提问者天才少年25 #1

如果文本里有多行内容，是不是每一行与上一行的间距就是line-height呢？然后第一行的line-height就是与上边框的间距？

2019-07-09 16:40:09

相似问题

请问老师，设置margin-top 和设置top有什么区别

网页布局2-9作业：line-height对图片设置是无效的是吗？是对所有块级元素都无效吗？

2-4问题，希望老师解释一下。我把banner的margin-top设置为50px不行吗？

banner设置了margin-top，头部上方为什么也空了

3-2为什么cellpadding和cellmargin设置无效，用margin也无效？

登录后可查看更多问答，登录/注册

2. 从网页搭建入门JavaWeb

参与学习人
提交作业 676 份
解答问题 9666 个

本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！

本课精华内容

问答作业

4-3个人程序源码，提供给各位参考！

63 1

2-4 编程练习

22 1

text-align和direction有什么区别

13 1

交作业交作业交作业

225 2

是不是只有在JS语言中局部变量的定义才可以放在else语句中

24 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载