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

时间:2011-07-08 16:41:50

标签: html css

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

3 个答案:

答案 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):

In-line li's with br