CSS中的报纸专栏

Question

是否可以安排css报纸 - 列布局，以便可以添加任意数量的列，并将它们连续添加到现有列的右侧。

我的想法是这样的：我只想添加一个新的div，并在右侧添加一个新列，依此类推。

如果是，怎么样？

Here我找到了一个4列报纸布局。但是柱高不一样。我需要一种方法，这样，无论文本有多长，它们都会被规定到一定的高度。

可以在CSS中使用吗？

Answer 1

我认为使用现有的CSS框架可以最好地满足您的需求，而不是自己编写代码，因为它非常棘手，而且难以在所有浏览器中工作（因为其中一些不符合标准）

无论如何，对于报纸专栏，我认为其中有一个适合该法案，960 Grid System。它附带12＆amp; 16列“网格”，排水沟和填充都已完成，只要您打算使用的列数为12或16，它就可以处理它。

Answer 2

CSS3提供了一种将任何HTML节点的内容转换为任意数量的列的方法。有一些属性可用于控制列数以及它们的宽度，相对高度（“填充”或内容在现有列之间的划分方式），列之间的沟槽，“规则”（分割线或边框）等。

作为起点，请参阅w3schools.com CSS3 Multiple Columns参考页。

然而，像往常一样，IE在广泛使用的浏览器中不支持column-CSS3属性。

一个跨浏览器的解决方案是Columnizer jQuery Plugin。

Answer 3

使用纯CSS，除非高度是静态的，否则很难为多个div分配相同的高度。你可以使用丑陋的黑客，但这只会让你到目前为止。

对于真正的列，使用表，这就是它们的用途。表是有效的HTML结构，只是不应该将它们用作 only 布局工具。但是当表工作时，使用表格。

Answer 4

您可以使用CSS设置列的高度，但使用其他Web编程语言自动添加列编辑内容。