問題：
您的內嵌區塊清單項目莫名其妙地在周圍顯示出邊距它們，儘管在CSS 中將margin 設為 0
原因：
問題是由使用 display: inline-block; 引起的。對於列表項。內聯塊元素對空格敏感，並在每個元素的右側引入 4px 邊距。
解決方案 1：float: left;
要消除邊距，請更改顯示浮動屬性：left；。這會刪除內聯塊引入的間距。
解決方案2：防止空格
或者，您可以透過刪除清單之間的所有空格來防止空格影響內聯塊元素item 標籤，如下圖：
<ul> <li><div>first</div></li><li><div>first</div></li><li><div>first</div></li><li><div>first</div></li> </ul>
另一個解：區塊End 和Begin標籤
您也可以將結束標籤和開始標籤一起封鎖，強制將清單項目視為一行：
<ul> <li><div>first</div></li><li><div>first</div></li><li><div>first</div></li><li><div>first</div></li> </ul>
以上是為什麼我的內嵌塊清單項目有不需要的邊距？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
