Div或其他HtmlTag容器置中的方式(相容IE6,IE7,IE8,FireFox,Safari)

网站设计排版时，最常见的就是Div或Table两大Html Tag，
我们常常会遇到需要让Div置中的情况，Table还好，
还可以用align="center"来置中，但Div就不行了，
或许你会想说用text-align:center就可以了，
不过，这样只对了一半，当用FireFox或其他浏览器开的时候，你就会发现问题出现了

网站设计排版时，最常见的就是Div或Table两大Html Tag，
我们常常会遇到需要让Div置中的情况，Table还好，
还可以用 align="center" 来置中，但Div就不行了，
或许你会想说用 text-align:center 就可以了，
不过，这样只对了一半，当用FireFox或其他浏览器开的时候，你就会发现问题出现了



假设我们有两个Div <div > Outer Div <div >Inner Div</div> </div> 要让内部的Div置中,直觉我们就会设定css的 text-align:center 在IE6看起来会是正常的, 但是当你一开FireFox就会发现,置中的只有文字, 如果我们想要让内部的Div也置中, 应该要在内部的Div设定 margin:auto 这样不论在哪个浏览器看起来都会是正常的啰~ <div > Outer Div <div > Inner Div </div> </div>


以上用 margin:auto 的方式，不只是Div可以用，Table当你遇到无法相容各种浏览器时也可以用

在设计的时候这个问题困扰了我好久，

所以在这里记录下来，提供给遇到相同问题的人

原文:大专栏  Div或其他HtmlTag容器置中的方式(相容IE6,IE7,IE8,FireFox,Safari)