是否可以在水平面上制作CSS3列？

Question

我想知道是否可以水平生成CSS3列。

代表。如果我有段落a，b，c和d，我给它们“列数：2”输出将是

a c

b d

我想创建列，以便输出变为

a b

c d

有没有人知道在使用css3列时是否可以这样做？

我更喜欢我的页面可扩展，这就是为什么我宁愿使用列，以便列数会自动产生与屏幕大小相比的正确数量的列。

原始页面主要使用3-4列

Answer 1

如果为段落指定最小/最大宽度，则应为段落指定宽度并向左浮动。它应该使用可变宽度的包装元素，但如果不允许段落在受限宽度下缩放很多，则可能会中断。

p {
    float: left;
    max-width: 160px;
    min-width: 100px;
    margin: 20px;
}

div { //wrapper
    width: 480px;
}

jsFiddle

不要忘记清除列后元素中的浮动。