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--
This article mainly explains "what is the method of keeping the div level in the middle". Interested friends may wish to take a look at it. The method introduced in this paper is simple, fast and practical. Next, let the editor take you to learn "what is the method of keeping the div level in the middle"?
I. introduction to the implementation of div centering
When laying out a web page, the main frame of the web page is usually centered in the browser. Achieving horizontal centering of the outermost DIV in the browser requires a condition and a setting.
If the CSS of the outermost DIV box is named "#", the outermost box is centered for compatibility with major browsers.
One condition:
At this time, set the css content center style (text-align:center) for "body"
That is CSS code:
Body {text-align:center}
One setting:
At this time, set the necessary style css margin for the center of "#"
That is CSS code:
# {margin:0 auto} II. Examples of DIV centered usage
In order to observe the effect of the layout center, we add a css border to "#" with a css width of 300px and a height of 100px style.
1. Finally get the CSS code with the center of DIV:
Body {text-align:center} # {margin:0 auto;border:1px solid # 000th widthbank 300pxposition heightwise 100px}
2. Corresponding html code snippet:
A case of DIV level in the middle
3. Screenshot of the case in the middle
DIV horizontal center effect diagram
At this point, I believe that you have a deeper understanding of "what is the middle level of div". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!
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.