Question

如何在HTML中按列而不是按行编写表格？可能吗？据我所知，标准方法是这样的：

<tr>
   <td></td>
</tr>

Answer 1

HTML表格标准化为从左到右，从上到下定义。因此，执行所要求的唯一方法是使用不同的DOM结构重新创建表。

例如：

<div class="table">
    <div class="column">
        <div class="cell">Cell1</div>
        <div class="cell">Cell2</div>
        <div class="cell">Cell3</div>
        <div class="cell">Cell4</div>
    </div>
    <div class="column">
        <div class="cell">Cell5</div>
        <div class="cell">Cell6</div>
        <div class="cell">Cell7</div>
        <div class="cell">Cell8</div>
    </div>
    <div class="column">
        <div class="cell">Cell9</div>
        <div class="cell">Cell10</div>
        <div class="cell">Cell11</div>
        <div class="cell">Cell12</div>
    </div>
</div>

CSS：

.table {
    float: left;
}
.column {
    float: left;
}
.cell {
    float: left;
    clear: left;
    border: 1px black solid;
    margin: 2px;
    padding: 2px;
}

请在此处查看jsfiddle：http://jsfiddle.net/9ky816ts/

注意：造型并不完美，但可以随时使用它。你明白了。

Answer 2

<tr>
   <td></td><td></td><td></td>
</tr>
<tr>
   <td></td><td></td><td></td>
</tr>

列？

Answer 3

我认为不可能因为浏览器按顺序创建单元格：

第一排，从左到右;第二排，从左到右;然后是第三行，从左到右 - 依此类推，可以根据需要选择多行和多列。它希望＆＃34;阅读＆＃34;你的html完全按照相同的顺序 - 从左到右，在表格的上下。 ie。，首先创建行。有关构建HTML表格的信息，请参阅Reference

如果您想要一个只有一行且n列数的表，那么将标记写为

<Table>
<tr>
   <td></td>............<td></td>
</tr>
</Table>

其中.代表n个<td>列

按列写一个表

3 个答案: