分享更有价值
被信任是一种快乐

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

文章页正文上

这篇文章主要为大家展示了“怎么用CSS3中的属性box-direction控制布局顺序”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“怎么用CSS3中的属性box-direction控制布局顺序”这篇文章吧。
在CS免费云主机、域名S3弹性盒子模型中,我们可以使用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

相关推荐: html中多个ID或者ID重复用的示例分析

这篇文章主要介绍了html中多个ID或者ID重复用的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 这其实是一个错误,不过在开发中遇到也不止一两回,把id写的满页面都是,当然讲道理id是…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册