In addition to Weibo, there is also WeChat
Please pay attention
WeChat public account
Shulou
2025-04-06 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >
Share
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.
Views: 0
*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.
Continue with the installation of the previous hadoop.First, install zookooper1. Decompress zookoope
"Every 5-10 years, there's a rare product, a really special, very unusual product that's the most un
© 2024 shulou.com SLNews company. All rights reserved.