怎么用CSS3中的属性box-direction控制布局顺序


这篇文章主要为大家展示了“怎么用CSS3中的属性box-direction控制布局顺序”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“怎么用CSS3中的属性box-direction控制布局顺序”这篇文章吧免费云主机域名
在CSS3弹性盒子模型中,我们可以使用box-direction属性来设置弹性盒子内部中“子元素”的排列顺序。
语法:box-direction
说明:box-direction属性取值如下:
normal正向显示(默认值
reverse反向显示
举例:

body
{
display:-webkit-box;
-webkit-box-orient:horizontal;/*定义盒子元素内的元素从左到右流动显示*/
-webkit-box-direction:reverse;/*定义盒子元素内的元素反向显示*/
}
div{height:100px;line-height:100px;}
#box1{background:red;}
#box2{background:blue;}
#box3{background:yellow;}

盒子1

相关推荐: CSS2如何创建一个不可见的边框

这篇文章将为大家详细讲解有关CSS2如何创建一个不可见的边框,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 如果边框没有样免费云主机域名式,就没有宽度。不过有些情况下您可能希望创建一个不可见的边框。 CSS2 引入了边框颜色…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 08/31 16:00
下一篇 08/31 16:01

相关推荐