我想让列表项水平显示,并希望在项目中有换行符(如<br />
)。最简单的方法是什么?
答案 0 :(得分:1)
我会说你真正想要的是一个内联块:
li{
display: inline-block;
}
答案 1 :(得分:0)
我不完全确定你的意思,请随意包含你的一些代码,但我猜的是你想在两行上放置水平<li>
项,最简单的方法可能是只创建一个新列表;
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
</ul>
<!-- ending and starting a new list rather than using <br> -->
<ul>
<li>list item 4</li>
<li>list item 5</li>
<li>list item 6</li>
</ul>
的CSS:
li { display: inline; }
答案 2 :(得分:0)
使用float:left代替display:inline。
<style type="text/css">
<!--
ul.inline li{
float: left;
list-style: none;
}
//-->
</style>
...
<ul class="inline">
<li>A text</li>
<li>A text <br />More text</li>
<li>A text</li>
<li>A text</li>
<li>A text</li>
<li>A text</li>
</ul>
您可能希望为这些li使用固定宽度。
结果(Firefox 5):