<!DOCTYPE?html>
<html>
????<head>
????????<meta?charset="UTF-8">
????????<title></title>
????????<style>
????????????
????????????.box1{
????????????????line-height:?1.5;
????????????????font-size:?24px;
????????????????width:?200px;
????????????????height:?400px;
????????????????display:?inline-block;
????????????????border:?2px?solid?#666666;
????????????}
????????????.box2{
????????????????border:?2px?solid?#666;
????????????????display:?inline-block;
????????????????line-height:?150%;
????????????????width:?200px;
????????????????height:?400px;
????????????????font-size:?24px;
????????????}
????????????.box1?p{
????????????????font-size:?40px;
????????????}
????????????.box2?p{
????????????????font-size:?40px;
????????????}
????????</style>
????</head>
????<body>
????????<div?class="box1">
????????????line-height:1.5
????????????<p>我的font-size是40px,哈哈哈哈</p>
????????</div>
????????
????????<div?class="box2">
????????????line-height:150%/1.5em
????????????<p>我的font-size是40px,哈哈哈哈
????????????
????????????</p>
????????</div>
????????<script>
????????????
????????</script>
????</body>
</html>為什么第二個(gè)div上有一段間隙，和第一個(gè)沒有對(duì)齊
1 回答
已采納
qq_運(yùn)著籃球的挨踢俠客丶_0
TA貢獻(xiàn)15條經(jīng)驗(yàn) 獲得超3個(gè)贊
150%是根據(jù)父元素的字體大小計(jì)算出行高，并且子元素依然沿用這個(gè)計(jì)算后的行高。
1.5則是根據(jù)子元素自己字體的大小去乘以1.5來(lái)計(jì)算行高。
對(duì)齊方法 .box2 vertical-align: top;
-
西蘭花偉大炮確實(shí)可以的，這里沒對(duì)齊的原因是什么呢，你關(guān)于行高的解釋很正確
添加回答
舉報(bào)
0/150
提交
取消