可以在水平面上制作CSS3柱吗？

Question

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

对于ex。如果我有a、b、c和d段，并且我给它们"column-count: 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

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