如何使无序列表(ul/li)的每个LI不在新行上开始。 用户想要显示项目符号,但为了节省空间,不想在每一行上显示项目符号。
是的,我知道这是一个奇怪的请求。
如何使无序列表(ul/li)的每个LI不在新行上开始。 用户想要显示项目符号,但为了节省空间,不想在每一行上显示项目符号。
是的,我知道这是一个奇怪的请求。
您可以使用以下方法:
li { display: inline; }
试试这个:
li {
float: left;
margin: 0 15px
}
H
style='margin-top: 1px;'
你也可以使用:
li {float:left}
或者
.ul_class_name li {float : left}
(如果您有多个ul并且只想对此进行操作。
请记住,您必须进行制作
<div class="clear"></div>
如果您选择此选项,请在关闭ul标签后执行
ul { overflow:hidden; list-style-type:none } //clear internal float and remove bullet
li { margin:0 5px; float:left; width:auto; } //ie6 additions are needed as width auto is problemativ
<ul>
<li>content</li>
<li>content</li>
<li>content</li>
</ul>
我更喜欢使用浮动,但当然你也可以使用display:inline...
width
的默认值是 auto
,除非你要覆盖其他设置,否则不需要指定它。 - thirtydot