css垂直等高写法

有事没事 水下博客

垂直等分如下

image.png

就是中间的那三个排列（灰、粉、金）

这是一个优惠券的布局结构

HTML如下结构

div
   div *3

最外层的是取名box吧
里面的叫，算了不叫了。

CSS

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

(没写兼容， 一般大家都有一个public.css)

唔， 我水好了

image.png

--END--