网站建设资讯

NEWS

网站建设资讯

css中order属性的使用方法

这篇文章主要介绍了css中order属性的使用方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联公司拥有网站维护技术和项目管理团队,建立的售前、实施和售后服务体系,为客户提供定制化的成都做网站、网站制作、网站维护、珉田数据中心解决方案。为客户网站安全和日常运维提供整体管家式外包优质服务。我们的网站维护服务覆盖集团企业、上市公司、外企网站、商城网站开发、政府网站等各类型客户群体,为全球近千家企业提供全方位网站维护、服务器维护解决方案。

css order属性用于设置或检索弹性盒模型对象的子元素出现的順序,CSS语法是order: number|initial|inherit。

css order属性怎么用?

定义和用法

order 属性 设置或检索弹性盒模型对象的子元素出现的順序。。

注意:如果元素不是弹性盒对象的元素,则 order 属性不起作用。

默认值: 0

继承: 否

可动画化: 是,参见个别的属性。请参阅 可动画化(animatable)。

版本: CSS3

JavaScript 语法:

object.style.order="2"

CSS 语法

order: number|initial|inherit;

属性值

number 默认值是 0。规定灵活项目的顺序。

initial 设置该属性为它的默认值。请参阅 initial。

inherit 从父元素继承该属性。请参阅 inherit。

实例

设置弹性盒对象元素的顺序:










注意: Internet Explorer 10 及更早版本浏览器不支持 order 属性。

注意: Safari 6.1 及更新版本通过 -webkit-order 属性支持该属性。

效果输出:

css中order属性的使用方法

感谢你能够认真阅读完这篇文章,希望小编分享css中order属性的使用方法内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!


分享标题:css中order属性的使用方法
网站URL:http://njwzjz.com/article/igppid.html