多列布局属性

多列布局
多列布局类似报纸或杂志中的排版方式,主要用以控制大篇幅文本。

	1、column-count  : 分隔列数
		说明:属性规定元素应该被分隔的列数
		用于:除table外的非替换块级元素, table cells, inline-block元素
	
	2、column-gap   :   设置列与列之间的间隔大小;
	
	3、column-rule  :  添加列与列之间的边框
	
		设置或检索对象的列与列之间的边框。复合属性。
		column-rule-color规定列之间规则的颜色。
		column-rule-style规定列之间规则的样式。
		column-rule-width规定列之间规则的宽度。
	
	4、column-fill  : 设置列与列之间的高度是否统一
	
		设置或检索对象所有列的高度是否统一
		auto:列高度自适应内容
		balance:所有列的高度以其中最高的一列统一  (默认值)
	
	5、column-span :  跨列或者不夸列
	
		设置或检索对象元素是否横跨所有列。
		none:不跨列
		all:横跨所有列
		
	6、column-width  :   设置或检索对象每列的宽度
	
		说明:当column-width 和column-count  同时存在的时候;
		column-width :最小宽度
		column-count :最多列数
  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值