替代IE10的条件注释到中间位置的div

Question

我使用这段代码对绝对定位的div进行中心化。

.class{
   width: 10px; 
   height:10px; 
   position:absolute;
   left:0;
   right:0;
   top:0; 
   bottom:0; 
   margin:auto
}

这不适用于IE10和更低版本，但我不想改变这段代码，因为它是舒适的所有其他浏览器和设备。

我知道有条件的评论在IE 10中也不起作用，那么我如何解决这个问题呢？

Answer 1

除了上述选项外，您还有以下选择：

计算填充+宽度：

.container {
  padding:5%;
}
.container .center{
  width:90%;
  height:90%;
  display:block;
}

或者，如果您只需要它以水平为中心：

.centered {
  width:80%;
  margin:0 auto;
}

但是，如果您仍然没有得到任何结果，那么您可能有格式错误的HTML。当internet发现错误的HTML或表示要模仿的特定版本的元标记时，就会发现新的特性无法工作。我在JSFIDDLE上重新创建了你的风格，它甚至在互联网浏览器8上对我起了作用(尽管7确实失败了)。否则，您可能不会在父元素的CSS上放置一个位置值，如果它不合适的话。

Answer 2

如果浏览器是IE10，则应由检测。如果是的话，您可以在页面正文或任何html元素中添加一个特殊的类。

JS

if (navigator.userAgent.indexOf("MSIE 10") > -1) {
    document.body.classList.add("ie10");
}

CSS

.ie10 {
    ...
}