Question

我想制作一个看起来像这样的页脚：

Item       |          Title          |   Image
Item       |   Item          Item    |
Item       |   Item          Item    | FB T Icons
Item       |   Item          Item    |   Item

它将是固定宽度（900px），因为我将使用不同的设计用于较小的屏幕/移动设备。中间列的大小是侧面列的两倍，即225px / 550px / 225px，但顶部标题需要居中，而下面的项目分为两列。

需要一些造型（在块之间以及上方和下方之间分隔线）。

我是编码的新手。我应该使用嵌套的UL或表来实现这一目标吗？

感谢您的帮助。

Answer 1

表格不应用于建筑布局。我会使用UL和标头。快速举例：

<ul class="column">
    <li>Item</li>
</ul>
<div class="column column-2x">
    <header>Title</header>
    <ul class="column">
        <li>Item</li>
    </ul>
    <ul class="column">
        <li>Item</li>
    </ul>
</div>
<ul class="column">
    <li>Item</li>
</ul>

页脚 - 使用表格还是嵌套的UL？

1 个答案: