如何強制內聯塊換行使用CSS或jQuery的新行？

Question

我有十個項目。我如何製作兩行，每行有五個項目？

HTML：

<ul> 
    <li>item1</li> 
    <li>item2</li> 
    //... 
    <li>item5</li> 
    //newline 
    <li>item6</li> 
    <li>item10</li> 
<ul> 

CSS：

ul li { display: inline-block; } 

注意，我必須使用inline-block，而不是inline。

Answer 1

你可以試試這個

$("ul li").eq(4).after("<br />"); 

DEMO