多语言展示
当前在线:1490今日阅读:195今日分享:41

如何使用CSS3 box-orient 属性

我们在设计网页的时候,如果一个框内的元素多了,我们就要使用到 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  这个参数与 垂直有点类似

推荐信息