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

Editor to share with you how to use the box-pack attribute in Css3, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Use the center attribute of both box-align and box-pack for child elements in div:

Div

{

Width:350px

Height:100px

Border:1px solid black

/ * Internet Explorer 10 * /

Display:-ms-flexbox

-ms-flex-pack:center

-ms-flex-align:center

/ * Firefox * /

Display:-moz-box

-moz-box-pack:center

-moz-box-align:center

/ * Safari, Chrome, and Opera * /

Display:-webkit-box

-webkit-box-pack:center

-webkit-box-align:center

/ * W3C * /

Display:box

Box-pack:center

Box-align:center

}

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

Internet Explorer 10 uses the-ms-flex-pack property attribute instead of support.

Firefox is supported through the private attribute-MOZ-box-pack.

Safari, Opera, and Chrome are supported through the private attribute-webkit-box-pack.

The above is all the content of the article "how to use the box-pack attribute in Css3". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

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.