0

在此处输入图像描述

如这个带有 HTML/CSS 的模型所示,在页脚中排列图像的好方法是什么?表格仍然被认为是好的做法吗?

4

4 回答 4

4

除非您的数据是表格的,否则不要使用表格。

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

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

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

于 2012-07-02T15:58:05.210 回答
1

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

#footer ul {
list-style: none;
} 

#footer ul li {
display: inline;
float: left;
width: ###px;
height ###px;
}
于 2012-07-02T15:59:58.920 回答
1

表格仅用于显示数据。对于页脚,您可以轻松使用divs它们float。或者您可以使用列表并相应地设置样式,但这确实是您的选择。一张桌子可以完成这项工作,但不要因为表格不适合的事情而使用表格。

于 2012-07-03T01:09:59.480 回答
0

表格也很好,而且您使用表格这一事实并不意味着您是 alcheic,这是您的选择,但我认为您也可以使用列表并在 css 中设置样式...

像这样的东西

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

在你的 CSS

.abc li img{ margin: 10px;}

你已经完成了,风格随你喜欢

于 2012-07-02T15:59:38.407 回答