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

This article mainly introduces "how to set div level center in css". In daily operation, I believe many people have doubts about how to set div level center in css. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts about "how to set div level center in css". Next, please follow the editor to study!

To center the div level, configure the margin property.

1. Central hub CSS code: margin:0 auto

Why can margin:0 auto put div in the middle?

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

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

In addition to the abbreviation of margin:0 auto, it is also necessary to configure margin-left:auto and margin-right:auto directly without shorthand.

Recommend the use of margin:0 auto organization center: compatible with all major platforms and game-related devices.

2. Div centering code example

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

Run the HTML code to center the results:

Set the left and left spacing of margin completion div to adaptive completion div mechanism center

3. Why can't margin div be centered?

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

A: generally speaking, float:left or float:right is set for this div. If both float and margin are configured, the DIV will not be centered. To center the construction div (horizontally), it is not possible to set the rig float, and it is important to configure margin:0 auto.

At this point, the study on "how to set the center of div level in css" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.