问答详情
源自:3-1 line-height与内联元素的高度机理

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

老师在讲课时用的是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

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


提问者:战场小包 2018-12-12 11:08

个回答

  • 仓颉子
    2019-01-01 06:21:13

    content area吗 和font-size相关 前面行内框盒子模型里面提到