码迷,mamicode.com
首页 > Web开发 > 详细

css3部分整理

时间:2018-04-03 12:51:49      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:start   art   ever   换行   log   column   splay   方式   idt   

1、css弹性盒子属性

    父级元素属性的设置

    

#father{
                width: 800px;
                height: 300px;
                background-color: darkgray;
                /*定义父级元素为弹性元素*/
                display: flex;
                /*水平方向的对齐方式*/
                /*justify-content:flex-start;*/
                /*垂直对齐方式*/
                /*align-items:center;*/
                /*换行方式*/
                /*flex-wrap: wrap;*/
                /*排列方式*/
                flex-direction:column-reverse;
            }

下面是html代码

<div id="father">
            <div class="son">1</div>
            <div class="son1">2</div>
            <div class="son">3</div>
        </div>

 

#father{
                width: 800px;
                height: 300px;
                background-color: darkgray;
                /*定义父级元素为弹性元素*/
                display: flex;
                /*水平方向的对齐方式*/
                /*justify-content:flex-start;*/
                /*垂直对齐方式*/
                /*align-items:center;*/
                /*换行方式*/
                /*flex-wrap: wrap;*/
                /*排列方式*/
                flex-direction:column-reverse;
            }

css3部分整理

标签:start   art   ever   换行   log   column   splay   方式   idt   

原文地址:https://www.cnblogs.com/comeon0328/p/8707591.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!