元素在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%; 
}