如何使用html5/CSS实现垂直表

Question

所以基本上，表数据在每一行中，并且它们是水平形成的。像这样：

正常表

但我想把我的数据放在列中，这样我就可以形成一个垂直的表格。像这样：

垂直表

知道如何处理吗？我也在使用引导程序。

Answer 1

您只需要将标题与数据放在同一行即可。

<table style="width:100%">
  <tr>
    <th scope="row"><strong>Name</strong></th>
    <td>Name1</td>      
    <td>Name2</td>      
    <td>Name3</td>
  </tr>
  <tr>
    <th scope="row"><strong>Tell</strong></th>
    <td>Tell1</td>      
    <td>Tell2</td>
    <td>Tell3</td>
  </tr>
  <tr>
    <th scope="row"><strong>Job</strong></th>
    <td>Job1</td>       
    <td>Job2</td>       
    <td>Job3</td>
  </tr>
  <tr>
    <th scope="row"><strong>Address</strong></th>
    <td>Address1</td>       
    <td>Address2</td>       
    <td>Address3</td>
  </tr>
</table>