1. <span id="z4nqb"></span>

      box-direction

      語法:

      box-direction:normal | reverse

      默認(rèn)值normal

      適用于:伸縮盒容器

      繼承性:無

      動(dòng)畫性:否

      計(jì)算值:指定值

      取值:

      normal:
      設(shè)置伸縮盒對(duì)象的子元素按正常順序排列
      reverse:
      反轉(zhuǎn)伸縮盒對(duì)象的子元素的排列順序

      說明:

      設(shè)置或檢索伸縮盒對(duì)象的子元素的排列順序是否反轉(zhuǎn)。
      • 可以通過box-orient:horizontal + box-direction:normal 達(dá)到新版本 flex-direction:row 的效果;
      • 可以通過box-orient:horizontal + box-direction:reverse 達(dá)到新版本 flex-direction:row-reverse 的效果;
      • 可以通過box-orient:vertical + box-direction:normal 達(dá)到新版本 flex-direction:column 的效果;
      • 可以通過box-orient:vertical + box-direction:reverse 達(dá)到新版本 flex-direction:column-reverse 的效果;
      • Firefox設(shè)置box-direction為reverse時(shí),在將元素的排列順序反轉(zhuǎn)的同時(shí)也將元素的對(duì)齊方式逆轉(zhuǎn)了;Safari和Chrome則只是反轉(zhuǎn)元素排列順序
      • 對(duì)應(yīng)的腳本特性為boxDirection

      兼容性:

      • 淺綠 = 支持
      • 紅色 = 不支持
      • 粉色 = 部分支持
      Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
      Basic Support 6.0-11.0 2.0-40.0-moz- 4.0-45.0-webkit- 6.0-8.0-webkit- 15.0-29.0-webkit- 6.0-8.3-webkit- 2.1-4.4.4-webkit- 18.0-42.0-webkit-

      示例:

      1. <span id="z4nqb"></span>
        亚洲+无码+欧美+另类 | 国产欧美一级 | 日本黄色日逼视频 | 大香蕉尹人在线观看 | 亚洲无码成人影视 | 人人操人人妻 | 天干夜夜爽 | 青青草视频两男一女在线看 | 人人看人人肏 | 青青草天天免费在线 |