首页 > Web开发 > 详细

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

时间:2015-07-12 15:40:00      阅读:327      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!