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

怎么用CSS3中box-orient属性来布局方向

文章页正文上

这篇文章主要介绍怎么用CSS3中box-orient属性来布局方向,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
在CSS3弹性盒子模型中,我们可以使用box-orient属性定义弹性盒子内部中“子元素”的排列方向。也就是盒子内部的子元素是横着排,还是竖着走。
box-orient属性取值如下:
horizontal弹性盒子“从左到右”在一条水平线上显示它的“子元素”
vertical弹性盒子“从上到下”在一条垂直线上显示它的“子元素”
inline-axis弹性盒子“沿着内联轴”显示它的“子元素”(默认值)
block-axis弹性盒子“沿着块轴”显示它的“子元素”
注意:在使用之前,用户必须先把父元素的display属性设置为box或者inline-box,弹性盒子模型才会生效。
举例:

body
{
display:-webkit-box;/*定义元素为盒子显示,注意书写*/
-webkit-box-orient:horizontal;/*定义盒子元素内的元素从左到右流动显示*/
}
div{height:100px;}
#box1{background:red;}
#box2{backgro免费云主机、域名und:blue;}
#box3{background:yellow;}

盒子1

相关推荐: 实用的HTML特效代码有哪些

这篇文章主要介绍实用的HTML特效代码有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!   1。忽视右键      或      2。加入背景音乐   IE:   NS:      *.mid你的背景音乐的midi格式文件   3。…

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

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

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

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

登录

找回密码

注册