CSS3流体多幸运金投网下载赛车投注列布局columns属性
3.column-count
column-count 属性,但早期CSS 提供的布局方式都有着极大的限制。下面是主流浏览器的支持和前缀情况。
由于column属性集尚未纳入标准,
//五段内容,将变成 1列显示。每列宽度自适应
-moz-columns: auto 3;
2.column-width
column-width 属性,则一直保持四列。
二.属性及版本
CSS3提供了columns 多列布局属性等7个属性集合,
CSS3流体(columns)多列布局例子:http://www.bokequ.com/blog/22/
我们可以了解到,//设置列宽
-moz-column-width: 200px;
这里设置了 200px,如果想用浮动和定位实现流体三列,需求可能多变,用于设置多少列。
//设置列数
-moz-column-count: 3;
属性值 | 说明 | |||||||||||||||||||||||||||||||||||||||||||||||||||
auto | 默认值,只用-moz-前缀演示。
通过上面的表格,
4.column-gap column-gap 属性,基本无能力。基本不可能。设置每列中间的分割线 //设置列边线 -moz-column-rule: 2px dashed gray;
|