美文网首页
display:flex效果

display:flex效果

作者: 萤火虫de梦 | 来源:发表于2018-08-19 21:55 被阅读30次
    <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>
    

    相关文章

      网友评论

          本文标题:display:flex效果

          本文链接:https://www.haomeiwen.com/subject/ayehiftx.html