Shulou(Shulou.com)06/01 Report--

This article mainly introduces how to use the box-ordinal-group attribute in CSS3, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian take you to understand it.

The display order of the child elements of a box specified by CSS3 box-ordinal-group:

.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

}

Currently, mainstream browsers do not support the box-ordinal-group attribute.

Internet Explorer 10 is supported through the private property ms-flex-order.

Firefox is supported through the private attribute-moz-box-ordinal-group.

Safari and Chrome are supported by private attributes,-webkit-box-ordinal-group.

Note: elastic frames are not supported in Internet Explorer 9 and earlier IE versions.

Attribute definition and usage instructions

The box-ordinal-group attribute specifies the order in which the child elements of a box are displayed.

Elements with lower values appear before those with higher values

Box-ordinal-group: integer; an integer indicating the order in which child elements are displayed

Thank you for reading this article carefully. I hope the article "how to use box-ordinal-group attributes in CSS3" shared by the editor will be helpful to everyone. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.