HTML元素之間有間隙原因以及解決辦法
產生原因:
空白間隙主要出現在行內元素中(如li、img),是由於換行符、tab(製表符)、空格等不可見字元引起的。
解決辦法:
(1)刪除行內元素之間的換行符、tab(製表符)、空格等字元
寫程式碼的時候,在li之間不要有間隙,可以把程式碼格式化,放在一行顯示
(2)給父輩元素設定font-size:0;
該方法需要重新給元素單獨設定字型大小屬性
(3)更改程式碼書寫方式
<ul>
<li>WEB前端</li
><li>前端開發</li
><li>我是測試</li>
</ul