首页 > Web开发 > 详细

css3部分整理

时间:2018-04-03 12:06:09      阅读:187      评论:0      收藏:0      [点我收藏+]

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部分整理

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!