Fork me on GitHub

flex平分测试 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            .testParent{
                display: -webkit-flex;
                display: flex;
            }
            ul.testParent li{
                padding: 20px;
                border: 1px #000000 solid;
                width: 100%;
                -moz-box-flex: 1;
                -webkit-box-flex: 1;
            }
        </style>
    </head>
    <body>
        <ul class="testParent">
            <li>111111111111111111</li>
            <li>22222222222222222222222222222222</li>
            <li>33333333333</li>
        </ul>
    </body>
</html>

 

posted @ 2016-04-18 14:28  半亩花田  阅读(535)  评论(0)  编辑  收藏  举报