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

This article is about how css makes div center in div. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Div construction is centered, that is, the outermost div is centered. There are many tutorials on the CSS5 site. I trust you have seen how to achieve div centering. Css uses margin:0 auto without setting float.

Here let div center in div, the method is similar to the principle, you need to center the div configuration margin:0 atuo (although also do not configure float) to complete the div center in div.

1. Instance code

Div centered instance in div css5.com.cn#main {width:400px; float:left; padding:10px 0; border:1px solid # 090} .ctbox {margin:0 auto; width:300px; border:1px solid # 00F} I am the blue div in the green div, centered

Examples illustrate:

1) the above code is approximately directly copied from the actual application

2), the above right div (id=main) is arranged with a div to complete the center (class=ctbox). In order to see that the div in the div is centered, the width of the equipment and the style of the frame are set.

2. Screenshot of the score

Thank you for reading! This is the end of the article on "how css makes div center in div". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it out for more people to see!

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.