如何使文本显示在HTML中的列中

Question

对不起,这可能是一个很厚的问题,但是如何让HTML显示类似于使用Word中的选项卡按钮？我想这样显示:

header text      header text      Header text  
text in column   text in column   text in column  

如果我使用空格键,它只是忽略空格.实际上,我将把剃刀变量放在列中,但这是我想要创建的一般概念.

毫无疑问,有一个div标签或类似的代表'tab'功能,或列出文本 - 我只是不知道它!

Answer 1

您需要使用CSS + HTML,而不是基于字符的标记.

<div class="column">
    <h2>header text</h2>
    <p>paragraph text</p>
</div>
<div class="column">
    <h2>header text</h2>
    <p>paragraph text</p>
</div>
<div class="column">
    <h2>header text</h2>
    <p>paragraph text</p>
</div>

CSS:

.column {
     width:300px;
     float:left
}

Answer 2

您最终可能会得到一个 HTML 表格：

<table>
  <tr>
   <th>header text</th>
   <th>header text</th>
   <th>header text</th>
  </tr>
  <tr>
   <td>text in column</td>
   <td>text in column</td>
   <td>text in column</td>
  </tr>
 </table>

当然还有一点造型，您可以查看这个工具： http: //tablestyler.com