布局样式

本文详细介绍了CSS中的列布局属性,包括columns、column-width、column-count、column-gap、column-rule及column-span等。通过这些属性可以轻松实现网页内容的多列布局效果。
columns:<column-width> || <column-count>
column-width: auto | <length>
column-count:auto | <integer>


column-gap: normal(默值为1em(如果你的字号是px,其默认值为你的font-size值)) || <length>(2em)

column-rule主要是用来定义列与列之间的边框宽度、边框样式边框颜色

column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color>

column-span主要用来定义一个分列元素中的子元素能跨列多少
column-span: none | all

转载于:https://www.cnblogs.com/family-626-77/p/5560101.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值