display：flex效果

<style>
             
             .mm
             {
                width: 1000px;
                flex-wrap:wrap;
                display: flex;
                /*align-items:center;*/
             }
             .mm li
             {
                flex-grow: 1;
                flex-basis:400px;
                margin: 10px;
                border: 1px solid #ccc;
                background: #fff;
             }
        </style>
            <ul class="mm">
                <li>今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我</li>
                <li>今天你有害嫁给我我今天你有害嫁给我我今天你有害嫁给我我</li>
                <li>今天你有害嫁给我我今天你有害嫁给我我</li>
                <li>今天你有害嫁给我我今天你有害我我</li>
                <li>今天你有害嫁给我我今嫁给我我</li>
                <li>今天你有害嫁给我我</li>
            </ul>