我们在设计网页的时候,如果一个框内的元素多了,我们就要使用到 CSS3 box-orient 来确定这个元素的排列属性。比如让元素在外框内进行横排或者竖排。
工具/原料
dreamweaver
方法/步骤
1
应用代码实例:我们从这个实例可以看出,只要给代码赋予一个horizontal 的参数就行了。div { width:350px; height:100px; border:1px solid black;/* Firefox */display:-moz-box; -moz-box-orient:horizontal;}
2
浏览器支持。对于这样的一个CSS3 box-orient 代码来说,现阶段的浏览器不能支持,我们必须加上一些前缀才能正常的使用这样的一个代码。 -moz-box-orient 就是指 firfox -webkit-box-orient 就是指 safari 等其它的一些浏览器
3
box-orient 的用法:它的默认值为 inline-axis 它在继承性方面的值为 no
4
JAVA 的用法为 object.style.boxOrient='vertical' 在这里我们给出了一个垂直的方向。
5
box-orient 的语法。从语法当中可以看出这个代码有5种参数的变化。box-orient: horizontal|vertical|inline-axis|block-axis|inherit;
6
inline-axis 这个参数与 水平有点类似block-axis 这个参数与 垂直有点类似
上一篇:港版iPhone7购买攻略
下一篇:怎么快速学会26键打字