使用(use)CSS3 flexbox

使用(use)CSS3 flex布局模型，您可以(by)輕松地(land)創建等高的(of)列或并排對齊的(of)元素。隻需在(exist)容器元素上應用(use)display帶有值flex的(of)flex屬性，在(exist)子元素上應用(use)值爲(for)1的(of)屬性

less寫法

.design {
    display: flex;
    > div {
        flex: 1;
    }
}

普通寫法

.design {
    display: flex;
}
.design > div {
    flex: 1;
}