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

This article introduces the relevant knowledge of "how to achieve the horizontal center of the main content area without relying on the left by HTML". In the operation of the actual case, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

It is hoped that the application float will cause the html not to be centered.

The outermost DIV uses float:left (center) or float:right (right), which forms that the whole html can not be centered. Remove the outermost layer and use float. In addition, margin:0 auto is compatible with major browsers, and then the whole page becomes centered in a second.

Using float causes the html page to stay to the left and not center

The outermost DIV is centered so that the whole html is centered.

Clarify: the page as a whole should be centered, then the outermost DIV box object can not use the float property, while setting the equipment margin:0 auto to achieve the entire html center, while the mode of other DIV whether to use float floating will not affect the page center. The key to the link is to set up the outermost equipment in the middle.

This is the end of the content of "how to achieve the horizontal center of the main content area instead of the left" in HTML. Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

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.