如何在纯HTML中创建列

Question

我是html的新手，有没有办法在普通的html中创建列，而不使用CSS，Bootstrap，Jquery或任何其他框架。？

Answer 1

如果您想使用任何CSS，可以使用HTML table元素。见下文

<table>
  <tr>
    <td>Column 1</td>
    <td>Column 2</td>
    <td>Column 3</td>
  </tr>
  <tr>
    <td>content</td>
    <td>content</td>
    <td>content</td>
  </tr>
</table>

Source

Answer 2

如果要使用div来定义列，则必须使用CSS来分配空间。如果你严格反对CSS那么@Raja Khoury说你必须使用表。

或者与CSS一起使用div：

<div id="wrap" style="width:600px; margin:0 auto;">
    <div id="left_col" style="float:left; width:300px;">
        LEFT
    </div>
    <div id="right_col" style="float:right; width:300px;">
        RIGHT
    </div>
</div>

小提琴：http://fiddle.jshell.net/h8r22mmr/

Answer 3

<table>
  <tr>
    <td>Column 1</td>
    <td>Column 2</td>
    <td>Column 3</td>
  Add more columns .........
  </tr>
  <tr>
    <td>content</td>
    <td>content</td>
    <td>content</td>

    Add more columns .........
  </tr>
</table>