What are the ways to solve the problem that margin is not centered under ie?

The main content of this article is to explain "what are the ways to solve the non-center of margin under ie". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Next, let the editor take you to learn "what are the ways to solve the non-center of margin under ie?"

Under normal circumstances, when you need to center the div display, you can use the Css style: margin:0 auto, but sometimes you can center in FF and Chrome after using margin:0 auto, but not in IE678.

The code is as follows:

# con {width:980px;martin:0 auto;}

Margin: 0 auto content centered display

Solution one

It can be centered on the body declaration text of the page, that is, body {text-align:center}

That is:

The code is as follows:

Body {text-align:center}

# con {width:980px;martin:0 auto;}

Margin: 0 auto content centered display

Solution two

In fact, it is similar to the solution one, except that you add an extra div to the outer layer of the div to be centered, and make it center.

That is:

The code is as follows:

# con {width:980px;martin:0 auto;}

Margin: 0 auto content centered display

Solution three

The reason for this is that the DTD declaration of the document

Modify DTD to

The code is as follows:

At this point, I believe you have a deeper understanding of "what are the ways to solve the problem of non-centralization of margin under ie". 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!