css 如何对齐2里的旁边对方

kmb7vmvb  于 2023-06-07  发布在  其他
关注(0)|答案(1)|浏览(119)

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

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

现在,标准的li's会像这样显示
测试0
测试1
测试2
测试3
测试4
测试5
我希望它们能像这样陈列
测试0测试2测试4
测试1测试3测试5
这可能是可能的css,但我不知道如何。

cetgtptt

cetgtptt1#

你可能想让前三个li向左浮动,然后,对于第四个,使用“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”就可以了。

相关问题