如何設計表div標籤

Question

假設我有表，代碼是

<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指導我。 謝謝

Answer 1

表格數據應該使用<table>標記。

http://www.w3.org/TR/2007/WD-WCAG20-TECHS-20071211/H51.html

Answer 2

既然你實際上並沒有「列」的概念......這似乎是你可以只使用div元素代替每個TR元素。

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

這不行嗎？您可能需要對div應用額外的樣式（例如寬度：40％），但大多數情況下，我會認爲這樣做。

但是，在您輸出真正的表格數據的情況下，請確實看到我的意見。

Answer 3

有this article，它描述瞭如何讓你的div的行爲像表格單元格。