line-height继承
line-height如何继承?
案例一如下
`body {
font-size: 20px;
line-height: 50px;
}
p {
font-size:16px;
}
这是一行文字
这时候p标签是50px
`
案例二如下
`body {
font-size: 20px;
line-height: 1.5;
}
p {
font-size:16px;
}
这是一行文字
这时候p标签是24px
怎么来的呢?
就是1.5*16拿到的
`
案例三
`body {
font-size: 20px;
line-height: 200%;
}
p {
font-size:16px;
}
这是一行文字
这时候p标签是40px
怎么来的呢?
就是20*200%拿到的,这个地方是先算完之后在去继承的,这里就是这个百分比坑
`
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 CC_Blog!
评论