首页 > Web开发 > 详细

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

时间:2016-01-09 09:45:23      阅读:188      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!