對於HTML和CSS，如果使用表格爲產品信息表格創建樣式，爲什麼不使用表格樣式化一行呢？

photo  name  rating 
photo  name  rating 
    [...]

每一行。這是爲products頁面。但是，當它是有關爲product頁面（單品），什麼只是

rating  name  photo

對面靠近頂部的屏幕，它是在第一種情況下也表中的一行，所以不應該使用表做一個好習慣？因爲傳統的想法是，在這樣的情況下，它更多的是佈局，所以使用CSS代替浮動的div。這種情況是否真的可以以任何一種方式實現，或者真的是一種方式比另一種更好？

做你認爲是正確的，是所有我能說的。 – BoltClock 2011-03-25 17:21:29

@SomeChineseChars當使用一個表，你有3個水平元件（TABLE，TR，和TD）（附加的第四層是由瀏覽器插入（TBODY））的。當你使用DIV時，你只有2個等級 - 容器和3個物品。這很簡單。 – 2011-03-25 17:26:39

@Sime請在你的答案下看到評論...浮動更加複雜，垂直對齊的名稱和照片。（你不知道如何複製和粘貼我的名字？） – 2011-03-25 17:33:38

表：

<table> 
    <tr> 
     <td> <span>Rating</span> </td> 
     <td> Name </td> 
     <td> <img src="..."> </td> 
    </tr> 
</table>

DIV + CSS：

<div> 
    <span>Rating</span> Name <img src="..."> 
</div>

我會去用DIV/CSS的解決方案。

2011-03-25 17:29:19

它可能需要浮動'div'，因爲名稱可以跨越多於一行，並且照片需要寬度和高度...該名稱還應該與照片垂直對齊（垂直居中）。 – 2011-03-25 17:30:53

@動靜能量是的，評分和名稱可以包裹在左浮動DIV中。我會更新我的答案... – 2011-03-25 17:40:31

這是表格數據。即使只有一行，也可以使用表格。對我來說語義上正確。至於更簡單，有人說使用表格進行佈局更簡單。這是對的嗎？不是我。（...這裏談到的HTML/CSS與表格佈局軒然大波！）

如果你正在鋪設的產品，有機會，它正在從數據庫中抽取。這意味着它可能會填充數據表。使用CSS來定位和'裝飾'你的gridview。這很容易。

2011-03-25 18:14:38 tahdhaze09

回答