創建CSS面板

Question

我試圖找到一個CSS教程，使我能夠創造的功能4x3的網格像這個網站http://www.ewedding.com/features.php

如果有人能提出一個這將是巨大的4x3的網格！我發現的所有教程似乎都是整個頁面的樣式，而不是頁面的特定部分。

在此先感謝

Decbrad

Answer 1

你鏈接的頁面使用了UL作爲外部元件與李爲內部元件，所以你有這樣的：

<ul> 
    <li>Feature1.1</li> 
    <li>Feature1.2</li> 
    <li>Feature1.3</li> 
</ul> 
<ul> 
    <li>Feature2.1</li> 
    <li>Feature2.2</li> 
    <li>Feature2.3</li> 
</ul> 
<ul> 
    <li>Feature3.1</li> 
    <li>Feature3.2</li> 
    <li>Feature3.3</li> 
</ul> 

使用這樣的CSS定義：

ul{ 
    float:left; 
    width: //specify the width 
    display:block; 
} 

li{ 
    list-style: none; 
    display:block; 
} 

等

這麼說，我覺得一個CSS表格佈局是爲了這個美好的：

http://www.onenaught.com/posts/201/use-css-displaytable-for-layout