Html 我应该使用&;nbsp;或填充以分隔水平列表项
我想在一些水平排列的列表项之间留出一些空间,我应该使用Html 我应该使用&;nbsp;或填充以分隔水平列表项,html,css,Html,Css,我想在一些水平排列的列表项之间留出一些空间,我应该使用还是用左边的空格来分隔它们 示例: <ul class="menu"> <li class="menu_item">Option 1 </li> <li class="menu_item">Option 2</li> </ul> 选项1 选项2 左侧示例: <ul class="menu"> <li cl
还是用左边的空格来分隔它们
示例:
<ul class="menu">
<li class="menu_item">Option 1 </li>
<li class="menu_item">Option 2</li>
</ul>
选项1
选项2
左侧示例:
<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; }
选项1
选项2
.menu li.menu_项{左填充:10px;}
简单的答案。使用padding left
更易于维护、更改和自定义。如上所述,您甚至可能希望使用边距
而不是填充
,这通常是用背景色
分隔项目所必需的
我来举个例子,给我一秒钟来做一个
编辑:
这是一个例子。我决定全屏显示,因为您已经了解html和css
请注意背景色是如何用边距分隔的,而不是用填充或。由于这个原因,边距通常很有用,但有时您需要在间距中使用背景色。您可以使用边距
和填充
来获得所需的间距
边距按这种方式工作而填充不按这种方式工作的原因是因为长方体模型。更多关于盒子模型的信息。填充绝对是最好的方法。
事实上,以后你会更容易自定义你的列表。。。
想象一下,您的列表中不仅有2-3列或行,还有100列等等。。。
下面是一个列表:
<ul class="menu">
<li> Option 1 </li>
<li> Option 2 </li>
</ul>
.menu
{
//Your style..
}
.menu li
{
padding-left: 5px; //As you wants...
}
不要使用
左侧填充
是右侧选项
或者,您可以使用左边距
在创建菜单时,我建议(根据我过去的经验)对菜单项所用的列表使用左边距
。提供了更大的灵活性和清洁度。应该使用填充
或边距
,但与
相比,您可以使用填充
从不使用html来设置样式,始终使用css,因此填充(或边距)