jquery - CSSまたはjQueryを使用してインラインブロックの折り返しを新しい行に強制する方法は?

Question

私は10個のアイテムを持っています。それぞれが 5 つの項目を持つ 2 行にするにはどうすればよいですか?

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 />" );

デモ