css垂直等高写法

作者: 反者道之动001 | 来源:发表于2018-01-07 18:43 被阅读43次

    有事没事 水下博客

    垂直等分如下

    image.png

    就是中间的那三个排列(灰、粉、金)

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

    HTML如下结构

    div
       div *3
    

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

    CSS

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

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

    唔, 我水好了

    image.png

    --END--

    相关文章

      网友评论

        本文标题:css垂直等高写法

        本文链接:https://www.haomeiwen.com/subject/szrmnxtx.html