IE6下解决text-align:center

<style type="text/css">
.container{
  text-align: center;
  border: solid 1px blue;
}
</style>

<div class=container>
    <table>
        <tr><td>Text</td></tr>
    </table>
</div>

   在IE下"Text"居中显示,FF下"Text"靠左显示.

 

二、解决问题:

    方案1：

   

<style type="text/css">
.container{
  text-align: center;
  border: solid 1px blue;
}

table {
    margin-left:auto;
    margin-right:auto;
}
</style>

<div class=container>
    <table>
        <tr><td>Text</td></tr>
    </table>
</div>

 

    方案2：

    

<style type="text/css">
.container{
  text-align:-moz-center; /*FF*/
  #text-align: center; /*IE */
  border: solid 1px blue;
}
</style>

<div class=container>
    <table>
        <tr><td>Text</td></tr>
    </table>
</div>

 

    方案3：

   

<style type="text/css">
.container{
  border: solid 1px blue;
}
</style>

<center>
<div class=container>
    <table>
        <tr><td>Text</td></tr>
    </table>
</div>
</center>