网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

CSS3中的布局(多列)

时间:2024-10-15 00:59:07

1、定义多列中的列数:column-count:number;(用数字来设置列数)

CSS3中的布局(多列)

2、定义多列中每列的宽度(列宽):column-width:像素; auto(自动生成宽度)

CSS3中的布局(多列)

3、缩写:columns:width count;

CSS3中的布局(多列)

4、列与列之间的距离(列间距):column-gap:像素;

CSS3中的布局(多列)

5、列边框(不占位):column-rule:width style color;(跤耧锿葡与边框border设置相似)

CSS3中的布局(多列)

6、跨越列:column-span:none;(默认) all;(跨越所有列)

CSS3中的布局(多列)
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com