Html5 CSS 表格边框在 IE 11 中不可见

Question

早些时候，表格显示了边框。然后我在我的容器中添加了一个属性 文本对齐:居中； table 没有移到中心所以我补充说 显示:内联 block ；到 table 上。将表格移到中心，在 Chrome 和 Firefox 中看起来不错，但在 IE 11 中看起来不太好表格边框丢失。

table{
    margin:2px;
    width:200px;
    padding:4px;
    display:inline-block;
}

我尝试谷歌搜索并尝试设置IE 11的缩放

table{
    margin:2px;
    width:200px;
    padding:4px;
    display:inline-block;
}

这是我的表格在 IE 11 中的样子

Answer 1

首先移除 display:inline-block; 并添加边距。应该有帮助

table {
 /* Remove this: margin:2px; */
 width:200px;
 padding:4px;
 margin: 2px auto;
}

或者查看链接 https://www.granneman.com/webdev/coding/css/centertables