2013-02-22 3 views
0

Это некоторый простой код, чтобы объяснить, что мне нужно:Как выровнять 2 Ли рядом друг с другом

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

Теперь стандарт Ли будет отображаться как этот

test0
test1
test2
test3
test4
test5

Я хочу, чтобы отображаться как этот

test0 test2 test4
test1 test3 test5

Это, вероятно, можно с помощью CSS, но я не знаю, как.

ответ

1

Вы, вероятно, хотите, чтобы первые первые три листа плавали слева, а затем, для четвертого, используйте «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> 

у вас есть индекс литиево в цикле, поэтому использование «я% 4 == 0» должен сделать трюк ..