您的位置: 首页 > excel表格 > CSS3中的布局(多列)

CSS3中的布局(多列)

时间:2018-09-28 来源:excel99.com表格教程网

css3中的多列布局:分列成多少列,每列的宽度,列与列之间的距离(列间距),列边框,跨越列。

方法/步骤

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

CSS3中的布局(多列)

定义多列中每列的宽度(列宽):column-width佼沣族昀:像素; auto(自动生成宽度)

CSS3中的布局(多列)

缩写:columns:width count;

CSS3中的布局(多列)

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

CSS3中的布局(多列)

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

CSS3中的布局(多列)

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

CSS3中的布局(多列)

excel99.com表格教程网-最近更新-网站地图-RSS地图-意见反馈

© 2018 www.excel99.com 琼CP备12003481号