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

Editor to share with you how to keep the div level in the middle of css, 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!

To center the div degree, set the margin property of the equipment.

1. Central hub CSS code: margin:0 auto

Why margin:0 auto can center div annotations:

Margin:0 auto is split into margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto

The distance between the left and the right of the hub margin-left:auto;margin-right:auto; object is adaptive.

In addition to the abbreviation of margin:0 auto, there is no need to abbreviate margin-left:auto and margin-right:auto directly.

It is recommended to use margin:0 auto structure in the middle: compatible with major platforms and browsers.

2. Div centering code example

.wai {margin:0 auto;width:300px} content

Run the HTML code to center the results:

Setting equipment margin to realize div left and right spacing for self-adaptation to realize the center of div mechanism

3. Why can't margin div be centered?

When the css agency is in the middle of the demand, it is configured with margin:0 auto, but div is not in the middle. why is this?

A: usually this div setting equipment is equipped with float:left or float:right. If both float and margin are configured, the DIV will not be centered. To center the layout div (to center the degree), you cannot set float, and it is important to configure margin:0 auto.

These are all the contents of the article "how to keep the div level in the middle of css". 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.