对于像[IMG inside]这样的布局安排,表格仍被视为良好做法吗?

时间:2012-07-02 15:52:58

标签: html html5 css3 html-table

enter image description here

使用HTML / CSS在这个模型中显示的页脚中排列图像的好方法是什么?表格仍被视为良好做法吗?

4 个答案:

答案 0 :(得分:4)

除非您的数据是表格式,否则请远离使用表格。

对于您提供的示例图片,可以像设置自己的<img />标记一样简单。

将图像粘贴到<div>元素中,将它们全部浮动,显示内联,然后添加填充/边距。

这里可以找到一个非常基本的演示http://jsfiddle.net/pQDP3/

答案 1 :(得分:1)

你可以使用一个表格,如果它随着时间的推移成为一组静态图像,那么这是可以接受的。如果图像数量可能随时间变化,您可以制作UL,每个LI将是另一个图像。从那里开始,设置你的css规则:

#footer ul {
list-style: none;
} 

#footer ul li {
display: inline;
float: left;
width: ###px;
height ###px;
}

答案 2 :(得分:1)

表仅用于显示数据。对于页脚,您可以轻松使用divs,只需float。或者您可以使用列表并相应地设置样式,但它确实是您的选择。  表可以完成这项工作,但是不要使用表来捕获表不适用的表。

答案 3 :(得分:0)

表也很好,你使用表的事实并不意味着你的炼金术,它是你的选择,但我想你也可以使用列表并在css中设置样式......

类似这些

<ul class='abc'>
<li><img src='a.jpb' /></li>
......
</ul>

在你的CSS中

.abc li img{ margin: 10px;}

你已经完成并且你喜欢的风格