对于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

回答