8.Flex项目实现自动伸缩---这一个没有做出来,有人做出来了么?

来源:10-9 CSS3 伸缩布局(二)

小小程序员一枚

2015-08-20 17:13

.bigitem{ -webkit-flex:200; flex:200; }  .smallitem{ -webkit-flex:100; flex:100; }

这一个没有实现成功,有木有人实现了的?

写回答 关注

1回答

  • insomniahl
    2015-10-15 17:23:20

    <style>

    .d{

    width: 500px;

    height: 200px;

    border: 2px solid #999;

    margin: 10px auto;

    display: -webkit-flex;

    }

    .d1{

    -webkit-flex:50;

    flex:50;  

    background-color: #E46119;

    }

    .d2{

    -webkit-flex:200; 

    flex:200;

    background-color: #000;

    }

    </style>


    <div class="d">

    <div class="d1"></div>

    <div class="d2"></div>

    </div>


十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242554 学习 · 2623 问题

查看课程

相似问题