Question

试试 demo

在这里，您可以看到A to V链接在边框（左侧和右侧）和w to z之间有更多空格，您可以看到我的预期输出。为什么我为A到V链接获得更多空间..

有人可以建议我如何解决它吗？

我到处尝试margin and padding as 0和outline to none。即使在我尝试重新设置css之后，我也会在行之间（左边和右边）获得一些空格

Answer 1

由于你的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>

内联元素之间的空格被渲染，因此，使用这个＆＃34;技巧＆＃34;没有空间了 http://jsfiddle.net/r7vz3b4w/4/

但你也可以保持你的html不变，并告诉mister css使它们浮动float:left

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

1 个答案: