码迷,mamicode.com
首页 > Web开发 > 详细

display: -webkit-box; 做个小小试验

时间:2015-07-12 15:40:02      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:

 最近做个微信项目发现css3在微信内部浏览器中和其他浏览有些区别 做个小小笔记

.job {
            display: -webkit-box;
            display: flexbox;
            -webkit-box-pack: center;
            margin-top:100px;
            transform: translate3d(0,50px,0);
            border: #CCC 1px solid;
        }

            .job .job_ch {
                flex: 1;
                -webkit-box-flex:1;
                border: red 1px solid;
            }

            .job .job_ch_left {
                flex: 2;
                -webkit-box-flex: 2;
                border: red 1px solid;
            }
 <div class="job">
            <div class="job_ch">
                1
            </div>
            <div class="job_ch_left">
                2
            </div>
        </div>

 

 

这个写法都是认可的 表现一样一样的

display: -webkit-box; 做个小小试验

标签:

原文地址:http://www.cnblogs.com/sxmny/p/4640996.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!