<!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>為什么第二個div上有一段間隙，和第一個沒有對齊
1 回答
已采納
qq_運著籃球的挨踢俠客丶_0
TA貢獻15條經驗 獲得超3個贊
150%是根據父元素的字體大小計算出行高，并且子元素依然沿用這個計算后的行高。
1.5則是根據子元素自己字體的大小去乘以1.5來計算行高。
對齊方法 .box2 vertical-align: top;
-
西蘭花偉大炮確實可以的，這里沒對齊的原因是什么呢，你關于行高的解釋很正確
- 1 回答
- 1 關注
- 1385 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消