垂直而不是水平的 HTML 表格?

标签 html css html-table

我有这张表,在这张表中有 4 列,如下所示:

Column1|Column2|Column3|Column4|
data 1  data 2  data 3  data 4

但是我怎样才能得到它呢?

Column1| data 1
Column2| data 2
Column3| data 3
Column4| data 4

这是我的代码:

<table>
    <tr>
        <th>Column1</th>
        <th>Column2</th>
        <th>Column3</th>
        <th>Column4</th>
    </tr>
</table>

有什么想法吗?有可能吗?

最佳答案

像这样:

<table>
    <tr>
        <th>Column1</th>
        <td>Data 1</td>
    </tr>
    <tr>
        <th>Column2</th>
        <td>Data 2</td>
    </tr>
    <tr>
        <th>Column3</th>
        <td>Data 3</td>
    </tr>
    <tr>
        <th>Column4</th>
        <td>Data 4</td>
    </tr>
</table>

关于垂直而不是水平的 HTML 表格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20886422/

相关文章:

html - 显示 :inline rendering as display:block 的 Span 标记

html - 使叠加框留在图片内部

JQuery UI 元素的图像未显示

html - 如果 bootstrap.min.css 链接两次会产生任何副作用

javascript - 无法在 IE 中动态添加行到 <TABLE> 中?

javascript - 如何使用 Javascript 选择 INPUT 元素

崩溃后的 JavaScript 屏幕位置

html - 对齐列表中的图像

html - Outlook 2010 中奇怪的表格格式

html - 固定表头与正文列宽不匹配