我应该使用  或填充以分隔水平列表项

Question

我想在一些水平布局的列表项之间放一些空格,我应该使用 还是padding-left来分隔它们？

&nbsp 例:

<ul class="menu">
    <li class="menu_item">Option 1&nbsp;</li>
    <li class="menu_item">Option 2</li>
</ul>

padding-left示例:

<ul class="menu">
    <li class="menu_item">Option 1</li>
    <li class="menu_item">Option 2</li>
</ul>
.menu li.menu_item { padding-left: 10px; }

Answer 1

简单回答.使用padding-left它更容易维护,更改,并且更加可定制.如上所述,您甚至可能希望使用margin而不是padding通常需要使用a来分隔项目background-color.

我将展示一个例子,给我一个时间来制作一个.

编辑:

这是一个小提琴.因为你已经知道了html和css,所以我决定只给你全屏显示.

请注意背景颜色是如何与边距分开的,而不是填充或 .由于这个原因,保证金通常很有用,但有时您需要间距中的背景颜色.您可以使用两者margin并padding获得所需的间距.

保证金以这种方式工作的原因和填充不是因为箱型.更多关于箱型的信息.