IE6下解决text-align:center

Html代码  

1. <style type="text/css">  
2. .container{  
3.   text-align: center;  
4.   border: solid 1px blue;  
5. }  
6. </style>  
7.   
8. <div class=container>  
9.     <table>  
10.         <tr><td>Text</td></tr>  
11.     </table>  
12. </div>  

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

 

二、解决问题:

    方案1：

   

Html代码  

1. <style type="text/css">  
2. .container{  
3.   text-align: center;  
4.   border: solid 1px blue;  
5. }  
6.   
7. table {  
8.     margin-left:auto;  
9.     margin-right:auto;  
10. }  
11. </style>  
12.   
13. <div class=container>  
14.     <table>  
15.         <tr><td>Text</td></tr>  
16.     </table>  
17. </div>  

 

    方案2：

    

Html代码  

1. <style type="text/css">  
2. .container{  
3.   text-align:-moz-center; /*FF*/  
4.   #text-align: center; /*IE */  
5.   border: solid 1px blue;  
6. }  
7. </style>  
8.   
9. <div class=container>  
10.     <table>  
11.         <tr><td>Text</td></tr>  
12.     </table>  
13. </div>  

 

    方案3：

   

Html代码  

1. <style type="text/css">  
2. .container{  
3.   border: solid 1px blue;  
4. }  
5. </style>  
6.   
7. <center>  
8. <div class=container>  
9.     <table>  
10.         <tr><td>Text</td></tr>  
11.     </table>  
12. </div>  
13. </center>