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

Question

我想知道是否可以横向生成 CSS3 列。

例如。如果我有段落 a、b、c 和 d，并且我给它们“column-count: 2”，那么输出将是

一个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

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