Question

这是一些简单的代码来解释我的需求：

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

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

TEST0
test1的
TEST2
TEST3
TEST4
TEST5

我希望它们像这样显示

test0 test2 test4
test1 test3 test5

这可能与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”应该可以做到这一点..

如何将2 li彼此相邻

1 个答案: