How to write centered css in IE and FF_Experience exchange

IE method:

The content within the tag is centered.
Non-IE method:

The left and right margins of the tag automatically adapt to achieve a centered effect.
The standard recommended CSS usage method is the latter, and the one used by IE is non-standard.
However, if you use the standard DTD declaration (xhtml version) in IE6, you can also use the margin:0 auto; method to achieve the centering effect.

<style type="text/css"> .ie { text-align:center; width:100%; } /* IE centered */ .ie div { width:200px; border:solid 1px #999; } .pr { margin:0 auto; width:200px; border:solid 1px #f00; } /* Standard centering */ </style> <title>Centered</title> <div class="ie"> <div>IE centered</div> </div> <hr> <div class="pr">Standard center</div>
[Ctrl A Select all Note:If you need to introduce external Js, you need to refresh to execute]