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属性的使用方法
分享路径:http://bzwzjz.com/article/igppid.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 成都网站建设公司 重庆手机网站建设 网站设计制作 网站建设 成都网站制作 成都网站设计 成都网站制作 高端网站建设 成都网站建设公司 成都网站制作 广安网站设计 成都网站设计 上市集团网站建设 成都网站建设 高端网站设计 高端定制网站设计 网站建设 成都企业网站制作 外贸网站建设 网站建设推广 营销型网站建设