为什么line-height的像素值与height的高度像素值相同会垂直居中呢

来源:3-10 vertical-align

慕莱坞8202083

2019-05-07 05:29:40

http://img.mukewang.com/climg/5cd0a6cd00017da202890139.jpg

写回答

1回答

好帮手慕夭夭

2019-05-07

你好同学,行高的计算是包含文字本身的高度加上文字上下两部分的间距。因为文字自身显示的特点,行高的间距两部分间距是相等的。

http://img.mukewang.com/climg/5cd11e5e0001f88e05060035.jpg

所以当单行文本内容在一个盒子里面设置的行高值等于父元素高度值 ,除去文字本身的高度,上下两边的间距值一样。所以在盒子里面就垂直居中显示了哦

http://img.mukewang.com/climg/5cd11ed80001df5201550137.jpg

祝学习愉快 ,望采纳。

1

0 学习 · 40143 问题

查看课程