使用HTML / CSS在这个模型中显示的页脚中排列图像的好方法是什么?表格仍被视为良好做法吗?
答案 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;}
你已经完成并且你喜欢的风格