一些奇妙的css技巧

一、用flex实现两栏或三栏自适应布局

css

.flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.flex-item{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.right{
    text-align: right;
}

html

 

你可能感兴趣的:(css)