空白在html和css中扮演重要角色吗？

试试这个

在这里，您可以看到从

A到V

的链接在边框之间有更多的空间（左和右），从

w到z

您可以看到我的预期输出。为什么我为A到V链接获得了更多空间

有人能给我建议怎么解决吗

---

我尝试了所有的

边距和填充为0

和

轮廓为无

。即使在我尝试重置css之后，我也会在行之间获得一些空间（左边框和右边框）

由于css的缘故，这些是内联块元素，您需要这样编写它们：

<ul class="filter">
    <li><a href="#">A</a></li
   ><li><a href="#">C</a></li
   ><li><a href="#">D</a></li
   ><li><a href="#">E</a></li
   ><li><a href="#">F</a></li
   ><li><a href="#">G</a></li
   ><li><a href="#">H</a></li
   ><li><a href="#">I</a></li
   ><li><a href="#">J</a></li
   ><li><a href="#">K</a></li
   ><li><a href="#">L</a></li>
</ul>

内联元素之间的空间被渲染，因此，使用这个“技巧”就不再有空间了

---

但您也可以保持html不变，并告诉css先生使用

float:left

使它们浮动，因为这些是内联块元素，因为您的css，所以您需要这样编写它们：

<ul class="filter">
    <li><a href="#">A</a></li
   ><li><a href="#">C</a></li
   ><li><a href="#">D</a></li
   ><li><a href="#">E</a></li
   ><li><a href="#">F</a></li
   ><li><a href="#">G</a></li
   ><li><a href="#">H</a></li
   ><li><a href="#">I</a></li
   ><li><a href="#">J</a></li
   ><li><a href="#">K</a></li
   ><li><a href="#">L</a></li>
</ul>

内联元素之间的空间被渲染，因此，使用这个“技巧”就不再有空间了

---

但您也可以保持html不变，并告诉css先生使用

float:left

使它们浮动，因为这些是内联块元素，因为您的css，所以您需要这样编写它们：

<ul class="filter">
    <li><a href="#">A</a></li
   ><li><a href="#">C</a></li
   ><li><a href="#">D</a></li
   ><li><a href="#">E</a></li
   ><li><a href="#">F</a></li
   ><li><a href="#">G</a></li
   ><li><a href="#">H</a></li
   ><li><a href="#">I</a></li
   ><li><a href="#">J</a></li
   ><li><a href="#">K</a></li
   ><li><a href="#">L</a></li>
</ul>

内联元素之间的空间被渲染，因此，使用这个“技巧”就不再有空间了

---

但您也可以保持html不变，并告诉css先生使用

float:left

使它们浮动，因为这些是内联块元素，因为您的css，所以您需要这样编写它们：

<ul class="filter">
    <li><a href="#">A</a></li
   ><li><a href="#">C</a></li
   ><li><a href="#">D</a></li
   ><li><a href="#">E</a></li
   ><li><a href="#">F</a></li
   ><li><a href="#">G</a></li
   ><li><a href="#">H</a></li
   ><li><a href="#">I</a></li
   ><li><a href="#">J</a></li
   ><li><a href="#">K</a></li
   ><li><a href="#">L</a></li>
</ul>

内联元素之间的空间被渲染，因此，使用这个“技巧”就不再有空间了

---

但是你也可以保持你的html不变，并告诉css先生让它们浮动在

float:left

可能有帮助：可能有帮助：可能有帮助：可能有帮助：可能有帮助：谢谢你的回答。。根据Hashem Qolami给出的链接，我尝试了

ul{font size:0}

，我的问题解决了。。再次感谢您的时间：-）谢谢您的回答。。根据Hashem Qolami给出的链接，我尝试了

ul{font size:0}

，我的问题解决了。。再次感谢您的时间：-）谢谢您的回答。。根据Hashem Qolami给出的链接，我尝试了

ul{font size:0}

，我的问题解决了。。再次感谢您的时间：-）谢谢您的回答。。根据Hashem Qolami给出的链接，我尝试了

ul{font size:0}

，我的问题解决了。。再次感谢您的时间：-）