老师,请教一个问题

来源:2-11 段落和行相关属性

__Promise

2021-05-20 10:08:49

问题描述:

当一个div里面有一个行内元素时...如果他们两个都有line-height,div的line-height是作用在谁的身上呢?

是不是行内元素里面的文字会以最大的line-height为准

尝试过的解决方式:

http://img.mukewang.com/climg/60a5c3c009d7d48f06960552.jpg

span的行高等于div盒子高,但是发生了错位

http://img.mukewang.com/climg/60a5c3c109069ae506980549.jpg

把div行高改小后错位又恢复正常了


写回答

1回答

好帮手慕慕子

2021-05-20

同学你好,对于你的问题解答如下:

1、div设置的line-height作用在它内部的文字上,但是同学描述的这种情况,分两种现象,如下:

(1)如果div设置的line-hegiht属性值大于span设置的值,那么此时给div设置的line-height属性影响到里面的span元素。

(2)如果div设置的line-hegiht属性值小于span设置的值,那么此时给div设置的line-height属性就不会影响到里面的span元素。

2、下图中,这句话同学理解是对的

http://img.mukewang.com/climg/60a5cbea09836e6104610063.jpg

祝学习愉快~

0

0 学习 · 15276 问题

查看课程