flexbox in IE (10+ and 9 and 8)

   .parent {
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important; /* works in IE10+, `flex` works in IE10+ */
        display: -o-box !important;
        display: flex !important; /* works in IE10+ */
        display: table; /* works in IE9 */
    }
    .child1 {
        -moz-box-flex: 5;
        -webkit-box-flex: 3;
        width: 35%;
        -ms-flex: 3;
        flex:3;    /* works in IE10+ */
        display: table-cell; /* works in IE9 */
    }
posted @ 2016-08-27 22:52  乌祁班岚图  阅读(165)  评论(0编辑  收藏  举报