首页 > Web开发 > 详细

Css 技巧

时间:2017-06-01 19:07:02      阅读:290      评论:0      收藏:0      [点我收藏+]

1. 瀑布流布局

.parent {
    -moz-column-count: 4; /* Firefox */
    -webkit-column-count: 4; /* Safari 和 Chrome */
    column-count: 4;
    -moz-column-gap: 4px;
    -webkit-column-gap: 4px;
    column-gap: 3px;
}

.child{
    display: inline;
    width: 100%;
}

 

2. div 内上下居中

.parent{
    position: relative;
}

.child {
    display: inline-block;
    position: absolute;
    right: 5%;
    top: 33%; /** 通过这个调节 */    
}

 

Css 技巧

原文:http://www.cnblogs.com/au_ww/p/6930230.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!