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

Question

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

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

交流

BD

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

抗体

光盘

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

我希望我的页面具有可扩展性，这就是为什么我宁愿使用列，以便与屏幕大小相比，列数会自动生成正确数量的列。

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

Answer 1

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

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

div { //wrapper
    width: 480px;
}

jsFiddle

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