cssbox-ordinal-group属性使用

css box-ordinal-group属性是什么?今天小编给大家分享的是css box-ordinal-group属性的详细介绍,相信大部分人对css3中新增属性都不太了解,为了让大家更加了解,小编给大家总结了以下内容,话不多说,一起往下看吧。

创新互联技术团队十多年来致力于为客户提供成都做网站、成都网站设计、品牌网站建设成都全网营销、搜索引擎SEO优化等服务。经过多年发展,公司拥有经验丰富的技术团队,先后服务、推广了成百上千家网站,包括各类中小企业、企事单位、高校等机构单位。

css box-ordinal-group属性是css3中新增属性,是使用来规定box子元素显示的次序,目前主流浏览器都还不支持该属性。但是一些主流浏览器有对应的私有属性来代替该属性,Internet Explorer 10支持ms-flex-order属性,Internet Explorer 10之前版本不支持弹性盒属性。Firefox内核的浏览器支持-moz-box-ordinal-group属性。Safari和Chrome内核的浏览器支持-webkit-box-ordinal-group属性。

css box-ordinal-group属性语法格式

box-ordinal-group: integer;

css box-ordinal-group属性值说明

integer:整数,指示子元素的显示次序。值小的元素会显示在值高的元素前面,值相同的元素,显示顺序取决于其源次序

实例





css3 box-ordinal-group属性设置box子元素的显示顺序



1

2

3

4

运行结果

css box-ordinal-group属性使用


以上就是css box-ordinal-group属性的使用分享内容,代码详细清楚,如果在日常工作遇到此问题,希望你能通过这篇文章解决问题。如果想了解更多相关内容,欢迎关注创新互联行业资讯频道!


文章题目:cssbox-ordinal-group属性使用
文章出自:http://hbruida.cn/article/ijjpsj.html