元素在HTML列表

Question

我有这样的无序列表

<ul class="list"> 
    <li>something</li> 
    <li>something2</li> 
    .... 
</ul> 

.list { 
    list-style: none; 
    display: inline; 
} 

到目前为止，这是很好的，但我创建一个画廊，我想只有五个每一行的图像，有没有办法如何用列表动态实现这个？或者我应该使用表格吗？我宁愿列表，因为我喜欢你可以不断添加新图像，而不必担心你的布局会被破坏或更改（不会与tr和td混淆）。

Answer 1

<style> 
    .list{list-style: none;} 
    .list li{float:left;width:20%;} 
</style> 

<ul class="list"> 
     <li>something</li> 
     <li>something</li> 
     <li>something</li> 
     <li>something</li> 
     <li>something</li> 
     <li>something</li> 
     <li>something</li> 
    </ul> 

Answer 2

好吧，我只是用随机的宽度和高度，但这个可以工作，我认为

ul{ 
width:100%; 
height:500px 
} 

li{ 
display:inline-block; 
margin:1%; 
width:17%; 
height:30%; 
}