Question

我正在尝试找到一个CSS教程，可以让我创建一个4x3网格的功能，例如在这个网站上http://www.ewedding.com/features.php

如果有人可以提出建议那就太棒了！我找到的所有教程似乎都是整个页面的样式而不是页面的特定部分。

提前致谢

Decbrad

Answer 1

您链接的页面使用UL作为外部元素，LI作为内部元素，因此您拥有：

<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

创建一个4x3网格的CSS面板

1 个答案: