alignment - 2 つの李を隣り合わせに並べる方法

Question

これは、必要なものを説明する簡単なコードです。

<ul>
<%
  for(int i = 0; i < 6; i++){
%>
    <li>test<%=i%></li>
<%
  }
%>
</ul>

さて、標準のliはこのように表示されます

テスト
0
テスト1
テスト
2 テスト3 テスト4
テスト5

このように表示させたい

テスト0 テスト2 テスト4 テスト1 テスト3
テスト5

cssなら可能かもしれませんが、方法がわかりません。

Answer 1

おそらく、最初の最初の 3 つのリスを左にフロートさせ、4 つ目のリスについては「clear : both」を使用して改行し、最後のリスについても同じことを行いたいと思うでしょう...

<ul>
 <li style="float : left">A</li>
 <li style="float : left">B</li>
 <li style="float : left">C</li>
 <li style="clear : both ; float : left">D</li>
 <li style="float : left">E</li>
 <li style="float : left">F</li>
 <li style="float : left">G</li>
</ul>

ループ内に li のインデックスがあるため、「i % 4 == 0」を使用するとうまくいくはずです。