CSS3中box-ordinal-group屬性怎么用

這篇文章主要介紹了CSS3中box-ordinal-group屬性怎么用，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

CSS3 box-ordinal-group指定的一個box的子元素的顯示順序：

.box

{

display:-ms-flexbox; /* Internet Explorer 10 */

display:-moz-box; /* Firefox */

display:-webkit-box; /* Safari and Chrome */

display:box;

border:1px solid black;

}

.ord1

{

margin:5px;

-ms-flex-order:1; /* Internet Explorer 10 */

-moz-box-ordinal-group:1; /* Firefox */

-webkit-box-ordinal-group:1; /* Safari and Chrome */

box-ordinal-group:1;

}

.ord2

{

margin:5px;

-ms-flex-order:2; /* Internet Explorer 10 */

-moz-box-ordinal-group:2; /* Firefox */

-webkit-box-ordinal-group:2; /* Safari and Chrome */

box-ordinal-group:2;

}

目前主流瀏覽器都不支持box-ordinal-group屬性。

Internet Explorer 10 通過私有屬性 ms-flex-order 支持.

Firefox 通過私有屬性 -moz-box-ordinal-group 支持.

Safari和Chrome通過私有屬性, -webkit-box-ordinal-group支持.

注意：Internet Explorer 9及更早IE版本不支持彈性框.

屬性定義及使用說明

box-ordinal-group 屬性指定一個box的子元素的顯示順序。

具有較低值的元素顯示在那些具有較高的值的元素之前

box-ordinal-group: integer;一個整數(shù)，指示子元素的顯示順序

感謝你能夠認真閱讀完這篇文章，希望小編分享的“CSS3中box-ordinal-group屬性怎么用”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!