内联元素的行高由什么决定？line-height？？？-慕课网

内联元素的行高由什么决定？line-height？？？

来源：3-1 line-height与内联元素的高度机理

战场小包

2018-12-12 11:08

老师在讲课时用的是p元素，为什么最后得出的结论是内联元素？

我做了一个测试

<span>你好啊，我是内联元素</span>

.test1{
    font-size:20px;
    line-height:0;
}
.test2{
    font-size:0;
    line-height:20px;
}

console.log(document.querySelector('span').clientHeight);

那么控制台打印的数值会是多少那？无容置疑，肯定都是0，

Element.clientHeight规范规定，任何内联元素的clientHeight都为0

而且，.test2的盒子模型是width*26.4

那么内联元素的高度到底由什么决定那？

写回答关注

CSS深入理解之line-height

带领大家深入理解line-height的定义，还有实际应用经验分享

43082 学习 · 69 问题

相似问题

回答 2

回答 2

回答 2

回答 1

回答 1