正在回答
1回答
同学你好,line-height是设置自身的行高,不会影响A和B之间margin设置的距离。
可以给p标签添加背景颜色,方便查看效果。示例:
(1)行高为1时,A和B之间的间距是15px,如下:

(2)line-height调整为3时,A和B之间的间距依然是15px,如下:

如果想要计算A和B文字之间的间距,那么可以参考如下解析理解:
1、 以line-height的值是3为例,由于line-height设置为数字时,根据自身的fong-size属性计算可以得到元素此时的高度为:48px = 16px * 3
2、文字上下方的空白间距分别为: (元素高度 - 文字所占高度) / 2 = (48px - 16px) / 2 = 16px
3、那么内容分别为AAA和BBB两个p标签中的文字间距为:
AAA所在p标签文字下方的空白间距 + 两个P标签之间的margin间距 + BBB所在p标签文字上方的空白间距。即: 16px + 15px + 16px = 47px 。所以文字之间的间距为47px
祝学习愉快~
4.Vue与React高级框架开发
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理,通过ES6基础知识和前端主流高级框架的学习,助你快速构建企业级移动webAPP应用,进入职场的终极battle
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星