CSS中的报纸专栏

我认为最好使用现有的CSS框架来满足您的需求,而不是自己从头开始编写,因为这是一项非常棘手的业务,而且很难跨所有浏览器工作(因为其中一些浏览器不符合标准)

报纸专栏 ,我想有一个是符合条件的, 960 Grid System

CSS3提供了一种将任何HTML节点的内容转换为任意数量列的方法。有一些属性用于控制列数及其宽度、相对高度(“填充”或内容在现有列之间的划分方式)、列之间的间距、“规则”(分隔线或边框)等。

作为起点,请参见 w3schools.com CSS3 Multiple Columns

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

Columnizer jQuery Plugin .

对于纯CSS,很难将几个div指定为相同的高度,除非该高度是静态的。你可以使用丑陋的黑客,但这只会让你走这么远。

对于真正的列,使用表,这就是它们的用途。表是有效的HTML结构,只是不应该将它们用作 只有

您可以使用CSS设置列的高度,但是自动添加列是使用其他web编程语言编写的。