DigitalOcean 为您的旅程的每个阶段提供云产品。从 免费赠送 200 美元信用额度 开始！
order 属性是 灵活盒子布局模块 的子属性。默认情况下，弹性项目按其在源文档中出现的顺序显示。order 属性可用于更改此排序。
.elememt {
order: 3;
}语法
order: <number>演示
以下演示展示了如何通过将 order 属性设置为每个项目来更改默认顺序 (1、2、3、4、5)。
其他资源
浏览器支持
| IE | Edge | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|---|
| 10 1 11 | 12+ | 20+ | 21-28 2 29+ | 7-8 2 9+ | 12.1+ |
| iOS Safari | Chrome Android | Firefox Android | Android 浏览器 | Opera Mobile |
|---|---|---|---|---|
| 7-8.4 2 9+ | 92+ | 90+ | 92+ | 12.1+ |
- 1 支持前缀
-ms- - 1 支持前缀
-webkit-
有关如何混合语法以获得最佳浏览器支持的更多信息，请参阅 “使用弹性盒子” 和 DevOpera 的这篇文章。
有人有使用它对 SEO 影响的经验吗？
需要注意的是，
order仅对其他有序项目有效。 如果任何兄弟姐妹没有排序，这些兄弟姐妹将按他们在 DOM 中出现的顺序放在第一位“order: -1” 对我来说很有效（将对象放在首位）。
好的，想象一下，如果我有 col-lg-8 和 col-lg-4。 我可以在 col-lg-8 中初始化 order : 1，在 col-lg-4 中初始化 order: 2 吗？
你可以使用 col-lg-pull-* 和 col-lg-push-* 代替