3栏中的文本HTML/CSS

Question

我在我的网页上有一个栏目的布局，我目前正在建设。

但在这一列中，我想要3列的文本紧挨着。

Page:
------------------------------------------------

Col 1         Col 2        Col 3
--------   -----------   -----------
--------   -----------   -----------
--------   -----------   -----------
--------   -----------   -----------
--------   -----------   -----------
--------   -----------   -----------

------------------------------------------------

希望有人能帮忙

Answer 1

使用CSS网格系统。

例如http://cssgrid.net/或其他如http://960.gs、Twitter Bootstrap、Blueprint CSS等。选你所选。

你可以很快学会如何使用网格，它会帮助你保持布局的整洁。

Answer 2

你可以看看CSS3's multi column layout module。但它只能在现代浏览器中使用供应商前缀：

#iwantcolumns {
    column-count: 3;
    column-gap: 1em;
}

另一种方法是使用JavaScript。例如，使用columnizer plugin的jQuery

$('#mydiv').columnize();
$('#myotherdiv').columnize({ width: 200 });
$('#mythirddiv').columnize({ columns: 2 });