如何在顯示中使用換行符：內聯列表標記？

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

使用浮動：左，而不是顯示：內聯。

<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使用固定寬度。

結果（火狐5）：