我想知道是否可以水平生成 CSS3 列。
例如。如果我有段落 a、b、c 和 d,并且我给它们“列数:2”,则输出将是
a c
b d
我想创建该列,以便输出变为
a b
c d
有谁知道使用 css3 列时这是否可能?
我希望我的页面是可扩展的,这就是为什么我宁愿使用列,以便列计数会自动生成与屏幕尺寸相比正确数量的列。
原始页面主要使用3-4列
如果您指定段落的最小/最大宽度,则为段落指定宽度并向左浮动应该可行。它应该与可变宽度包装元素一起使用,但如果您不允许段落在受限宽度下缩放太多,则可能会中断。
p {
float: left;
max-width: 160px;
min-width: 100px;
margin: 20px;
}
div { //wrapper
width: 480px;
}
jsFiddle http://jsfiddle.net/kj8JU/
不要忘记清除列后面元素中的浮动。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)