Table 在 IE11 中对齐

Question

在这里输入图片描述我有一个 table

<div id="main" style="margin-left: initial;">
&nbsp; 
&nbsp;
<table id="history_table"   align="center">
....
</table>
</div>

我在 html 页面的标签中添加了一些样式。

#history_table{

    background-color:#CCCCCC;
    border:2px solid black;
    margin-left: initial;
    width=9px;


}

table对齐在chrome中是正确的，而在IE11中它有点偏右。有人可以帮我解决这个问题吗？

谢谢

Answer 1

请试试这个：

#history_table{
  display:block;
  position:relative;

  background-color:#CCCCCC;
  border:2px solid black;
  margin-left: initial;
  /*width:9px;*/

  width:100%;

 table-layout: fixed; /* Include this code */


}

#history_table td{  
  display:block;
}

Table 在 IE11 中对齐

Table alignment in IE11

css

styles

internet-explorer-11