css系列教程--margin padding column(完结)

时间:2023-01-15 15:29:33

margin/margin-left/margin-right/margin-top/margin-bottom设置边距属性
margin:0;--所有外边距0
margin:0 1px;--margin-top/bottom为0、margin-left/right为1px
margin:1px 2px 3px 4px;--margin-top/right/bottom/left

padding与margin类似,使用啦声明内边距的。用法同上

column-count:number:用来定义显示的列数。
demo:
div
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari 和 Chrome */
column-count:3;
}

column-gap:30px;规定每列之间的间隔。
column-rule:1px solid red;写法与border类似;规定列之间的宽度、样式和颜色规则
column-span:表示改列横跨的列数,与table的colspan类似。
column-width:定义每列的宽度。

columns: column-width 和 column-count 合并写法。columns:100px 3;