alignment - 如何将 2 li 彼此对齐

Question

这是一些简单的代码来解释我需要什么：

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

现在，标准的 li 将像这样显示

测试0
测试1 测试2 测试3
测试
4
测试
5

我希望它们像这样显示

测试0 测试2 测试4
测试2 测试4 测试1 测试3 测试5

使用 css 可能是可能的，但我不知道如何。

Answer 1

你可能想让前三个 lis 浮动到左边，然后，对于第四个，使用“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”应该可以解决问题。