如何使用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

有this article描述了如何让你的div表现得像表格单元格。

Answer 3

因为你实际上没有“列”的概念......看起来你可以使用div元素代替每个tr元素。

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

这不起作用吗？您可能需要为div添加额外的样式（例如宽度：40％），但在大多数情况下，我认为会这样做。

但是，如果您输出真正的表格数据，请在您的问题下查看我的评论。