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

Question

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

对于前 如果我有段落a,b,c和d,我给它们"列数:2"输出将是

AC

BD

我想创建列,以便输出成为

AB

光盘

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

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

原始页面大多使用3-4列

Answer 1

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

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

div { //wrapper
    width: 480px;
}

jsFiddle

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