小编sim*_*nds的帖子

在IE9 Developer Tools中检查元素时,我无法在HTML窗格中看到我在CSS中定义的伪元素:

但是我可以在CSS窗格中看到它们,但是它们有突破显示样式被覆盖,因此在修改它们时没有任何效果.

如何在IE9中检查:: before和:: after元素以进行检查？

注意:这似乎是这个问题的重复,但在我的情况下,元素是div容器元素,所以我认为这个问题的答案不适用于此.

过去几天我已成功使用此处描述的方法(链接到文章).

它显示了如何通过将text-align:justify应用于父容器来避免计算网格中块的基于百分比的边距.

An:在psuedo元素之后确保总是将"text"强制到下一行以确保它是正确的.

但是在这个特定的实例中(链接到jsFiddle),块不响应text-align:justify.下面的代码在其他地方一直很好用,所以有些东西我不见了.

HTML

<div class="container"><div class="contents"></div><div class="contents"></div><div class="contents"></div><div class="contents"></div><div class="contents"></div></div>

CSS

.container {
     font-size: 0.1px;
     text-align:justify;
}

.container:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.contents {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 100px;
    border: 1px solid black;
}