html - 如何从列数据而不是 HTML 中的行数据创建表格？

Question

根据这篇文章 W3 Schools , 可以像这样在 HTML 中创建一个基本表格:

<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

从上面看，似乎是按行输入数据。

我有一种情况需要按列输入所有数据。这样的事情可能吗？

<table border="1">
    <tc>
        <td>row 1, cell 1</td>
        <td>row 2, cell 1</td>
    </tc>
    <tc>
        <td>row 1, cell 2</td>
        <td>row 2, cell 2</td>
    </tc>
</table>

Answer 1

在现代浏览器中，您可以通过在 CSS 中重新定义 TR 和 TD 标签行为来实现这一点。给定您问题中的 HTML 附加下一个 CSS 样式:

table {
	display: table;
}
table tr {
	display: table-cell;
}
table tr td {
	display: block;
}

<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 2, cell 1</td>
    </tr>
    <tr>
        <td>row 1, cell 2</td>
        <td>row 2, cell 2</td>
    </tr>
</table>