如何使用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