jquery - 如何使用 CSS 或 jQuery 强制内联 block 换行到新行？

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