2010-12-07 105 views
0

假设我有表,代码是如何设计表div标签

<table cellspacing="1" class="style1" style="width:40%;" border="1"> 
     <tr> 
      <td>Row 1 - Col 1</td> 
     </tr> 
     <tr> 
      <td>Row 2 - Col 1</td> 
     </tr> 
     <tr> 
      <td>Row 3 - Col 1</td> 
     </tr> 
     <tr> 
      <td>Row 4 - Col 1</td> 
     </tr> 
     <tr> 
      <td>Row 5 - Col 1</td> 
     </tr> 
    </table> 

我要生成与DIV相同的输出。请用示例html指导我。 谢谢

+8

就像一个兴趣点......如果你输出表格数据,表没有什么问题。这就是一张桌子的用途。您应该避免使用表格来创建页面布局。 – charliegriefer 2010-12-07 18:15:53

回答

1

既然你实际上并没有“列”的概念......这似乎是你可以只使用div元素代替每个TR元素。

<div>Row 1 - Col 1</div> 
<div>Row 2 - Col 1</div> 
<div>Row 3 - Col 1</div> 
... 

这不行吗?您可能需要对div应用额外的样式(例如宽度:40%),但大多数情况下,我会认为这样做。

但是,在您输出真正的表格数据的情况下,请确实看到我的意见。

2

this article,它描述了如何让你的div的行为像表格单元格。