Question

如何使无序列表（ul / li）不在每个LI的新行上开始。用户想要子弹，但为了节省空间，不要在每一行显示子弹。

是的，我知道这是一个奇怪的要求。

Answer 1

您可以使用：

li { display: inline; }

删除li通常换新线的方式。除了样式之外，人们还使用了该方法：none;基于CSS的水平导航已经有一段时间了。

Answer 2

试试这个：

li {
    float: left;
    margin: 0 15px
}

Answer 3

如果您不需要＆lt; IE7支持，更好的方法是：http://jsfiddle.net/csswizardry/8czmt/

这样更好，因为display：inline比float：left更容易预测，这需要你在<ul>上使用clearfix或类似的东西。

ħ

Answer 4

使用float:left;和一些边距/填充调整

http://jsfiddle.net/mrmikemccabe/TZqMy/

Answer 5

你也可以使用：

li {float:left}

或

.ul_class_name li {float : left}

（如果您有多个ul，并且只想对此进行此操作。

记住你必须做

<div class="clear"></div>

如果你选择了这个

，关闭ul后

Answer 6

这样做：

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以及......

Answer 7

就我而言，我需要的只是以下代码：

InternetExplorerOptions ieOptions = new InternetExplorerOptions()
                .destructivelyEnsureCleanSession();

css - 没有硬回车的无序列表

7 个答案: