换行CSS属性？

Question

在带有<li>的列表元素链（display: inline）中，有没有办法使用CSS属性强制换行？

使用<br>内的<li>感觉很脏，并且可能禁止在<li>之外。

  

澄清：

     

我需要它们“显示：内联”，因为我可能需要将它们置于UL

中      

我只需要一些元素来换行。

Answer 1

1. 为什么使用display：inline？
2. display: list-item;完全符合您的要求（这是li的默认设置）

Answer 2

您可以使用<li>呈现所有float:left元素，然后在其中一个元素clear:left上设置。这将导致它“跳转”到下一行。

或者，float:right和clear:right会做类似的事情。

Answer 3

您希望在每个<li>之后或仅在几个确定之后进行“换行”吗？

对于前者：如果将宽度设置得足够宽以填充容器，它们将换行（实际上，它们必须足够宽以填充容器的51％，因为两个不再适合一行）。 - 但在这种情况下，您可能根本不需要它们内联。

对于后者：对于每个想要开始换行的float: left而言，最好使用clear: left。

Answer 4

尝试将display:block;放在下一行所需的<li>上。

Answer 5

您可以尝试使用the :after pseudo-element，但我没有玩过多次。

Answer 6

li.class:after { content: "\a"; white-space: pre; }

适合我。