我想創建一個顯示一些圖像的固定佈局。例如,連續3張圖像和一列3張圖像的「表格」。 此外,我需要每個鋰conatins一些固定的寬度和高度和圖像居中和alignet頂部。如何用css創建多列列表?
所以我鑫卡特在這樣的事情:
<ul>
<li><img /></li>
<li><img /></li>
<li><img /></li>
</ul>
<ul>
<li><img /></li>
<li><img /></li>
<li><img /></li>
</ul>
<ul>
<li><img /></li>
<li><img /></li>
<li><img /></li>
</ul>
但我不知道CSS,還是我已經創造了一些類似這樣的,但仍然無法正常工作......
ul {display: block; text-align: center; border:#666666 solid 1px; height: 150px; padding:0; margin:0;}
li { list-style:none; float:left; width: 150px; height: 150px; margin-bottom: 32px;}
修正版本:
ul{ height: 180px; text-align:center;padding:0;}
li{list-style:none;padding:0;width: 25%;height: 180px;float: left; display:inline-block;}
注意:僅適用於只有一個<ul>
且有多個<li>
,列設置爲更改<li>
的寬度。 25%表示4列,33%= 3列等。公式:100 /(所需列)。
非常感謝:-) – 2010-07-08 13:03:22