表格仍然被認爲是這樣的[IMG內部]佈局安排的良好做法嗎？

如何使用HTML/CSS模型在頁腳中排列圖像的好方法是什麼？表格仍然被認爲是良好的做法？

2012-07-02 devcoder

爲了形成完整的「記錄」數據，每行上的圖像是否彼此相關？想想你在現實生活中如何使用網格和表格，或者如何在印刷中查看它們。如果你不能確切地說「是」這個問題，那麼答案是否定的 –

除了呈現表格數據以外，表格一直都不被視爲良好的實踐。 – Alohci

表是一樣好，並且使用的並不代表你alcheic，這是你的選擇表的事實，但我覺得你可以，以及使用列表和風格它在CSS ...

像這些

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

在你的CSS

.abc li img{ margin: 10px;}

和你已經完成，並且儘可能多的風格

2012-07-02 15:59:38

遠離使用表格，除非您的數據是表格。

對於您提供的示例圖像，它可以像設計<img />標記其自身一樣簡單。

將圖像粘貼在<div>元素中，將它們全部浮起，以內聯方式顯示，然後添加填充/邊距。

一個非常非常基本的演示可以在這裏找到http://jsfiddle.net/pQDP3/

2012-07-02 15:58:05

你可以使用一個表，如果它將是一個靜態圖像集隨着時間的推移，那麼這是可以接受的。如果圖像的數量可能會隨着時間的推移而變化，那麼您可以製作一個UL，並且每個LI都將是另一張圖像。從那裏，設置你的CSS規則是這樣的：

#footer ul { 
list-style: none; 
} 

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

2012-07-02 15:59:58 Brant

表只用於顯示數據。對於頁腳，您可以輕鬆使用divs，並且只需float即可。或者你可以使用一個列表並相應地設計它，但它確實是你的選擇。一個表可以完成這項工作，但是不要使用表格來捕捉表格不適用的東西。

2012-07-03 01:09:59 Jmh2013

回答