创建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