Html 在IE11中的伪元素上显示表格单元格

遇到了IE11和IE10的交互问题

我在每个项目前都有一个使用复选图标的列表

在手机上，我们希望支票的位置保持在文本旁边，因为文本不会在支票下方扭曲

我在包含check图标的伪元素上使用了

display:table cell

但是，在IE11中使用

表格单元格时，它根本不显示。我已经能够通过测试将其缩小到显示属性

我已经给出了高度和宽度，但似乎没有任何东西尊重IE11或IE10中的
表格单元格
布局

HTML

<ol class="list-check">
    <li>Certified by the Water Quality Association</li>
    <li>Approved to NSF 42 standards</li>
    <li>Removes bad odors and flavors</li>
    <li>Reduces chlorine</li>
    <li>Made of coconut shell carbon</li>
    <li>Made of a plant-based casing</li>
    <li>Lasts 40 gallons</li>
    <li>BPA-free</li>
</ol>

基于您提供的HTML/CSS，它似乎在IE11中工作。。如果我错了，请纠正我，我在这里遇到了同样的事情。看起来它无法在IE11VM中复制相同的东西。从我所读到的内容来看，它与JSFIDLE/Codepen/etc如何创建他们的文档类型有关，无论出于何种原因，这些文档类型与我的应用程序不匹配。它可能与此错误有关（带有字体系列的伪元素）：
.list-check { 
    text-align: left;
    list-style-type: none;

    li {
        display: table;
        margin-bottom: em(10px);
        &:before {
            content: "\e601";
            height: 25px;
            width: 25px;
            font-family: 'icons';
        }
    }
}