首页 > 代码库 > Css 技巧

Css 技巧

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 技巧