码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-01-09 09:47:20      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:

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;

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

标签:

原文地址:http://www.cnblogs.com/xiaodonger/p/5115441.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!