logo标签列表

CSS - 无硬回车的无序列表

csshtml-lists
4

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

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

7个回答
5

您可以使用以下方法：

li { display: inline; }

为了取消li元素在新行上的默认显示方式，人们已经使用这种方法和style: none;一起来解决基于CSS的水平导航问题很长时间了。
非常正确，你们两个都是对的，thirtydot的答案就是你们需要的，我忘记仔细阅读了！对不起 :( - dougajmcdonald
2

试试这个：

li {
    float: left;
    margin: 0 15px
}
1
一个更好的方法，如果你不需要http://jsfiddle.net/csswizardry/8czmt/ 这种方法更好，因为display:inline比float:left更可预测，后者需要在
    上使用clearfix或类似的东西。

    H

0
在我的情况下，我所需要的只是以下代码：
style='margin-top: 1px;'
0

你也可以使用：

li {float:left}

或者

.ul_class_name li {float : left}

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

请记住，您必须进行制作

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

如果您选择此选项，请在关闭ul标签后执行

是的，你需要调整左边的填充/边距，显然。 - jribeiro
0
这样做就可以了：
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
是的，只是要明确一点，在IE6中，自动宽度不会正确呈现。 - Stryder
0
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接