<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
background-color: red;
}
span#test{
background-color: blue;
display: inline-block;
line-height: 0px;
}
</style>
</head>
<body>
<div>12312312</div>
<span id="test"></span>
<div>12312312</div>
</body>
</html>
分明span中沒東西卻占據了位置
uj5u.com熱心網友回復：
你的目的是什么？上下都是div，默認就占整行了，你又設定span行高為0，這是沒用的，不想讓它顯示就設定display:none，想讓它顯示，那就要重新定位下面那個div，不讓它按順序布局。其實首先應該搞清楚目的uj5u.com熱心網友回復：
這個line-height:0是有人讓我這樣試試 沒去掉抱歉,我就想知道inline-block分明是空的卻占位置很奇怪,并不涉及具體的實作。uj5u.com熱心網友回復：
inline和inline-block都有一個默認的margin,大概3pxuj5u.com熱心網友回復：
經過實驗并不存在,而且如果去掉css設定inline-block后中間間距就不存在了。uj5u.com熱心網友回復：
<div>12312312</div><span id="test"></span><div>12312312</div>
這樣寫試試，不要有空格和換行。
看你想實作什么，沒有特殊需求就不用inline-block;
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/23620.html
標籤：HTML(CSS)
下一篇：JS獲取域名