如何在显示中包含换行符：内联列表标记？

Question

我想让列表项水平显示，并希望在项目中有换行符（如<br />）。最简单的方法是什么？

Answer 1

我会说你真正想要的是一个内联块：

li{
    display: inline-block;
}

Answer 2

我不完全确定你的意思，请随意包含你的一些代码，但我猜的是你想在两行上放置水平<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; }

Answer 3

使用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）：