text-align：justify + left

Question

我有这样的代码： HTML：

<div id="container">
    <div>some</div>
    <div>text</div>
    <div>here</div>
    <div>...</div>
</div>
<div id="container">
    <div>some</div>
    <div>text</div>
</div>

和CSS：

#container {
    text-align: justify;
}

#container:after {
    content: "";
    display: inline-block;
    width: 100%;
}

#container > div {
    text-align: left;
    display: inline-block;
    width: 100px;
    background-color: #333;
    color: white;
}

http://jsfiddle.net/1odgx6vq/

我需要对齐块，因为它们有固定的宽度，但我需要＆＃34;对齐左边＆＃34;在第二个容器中。有没有办法做到这一点？ 谢谢你的回复。

编辑： 我试图通过添加一个带有继承背景的元素来修复它，当我在HTML代码中手动添加它时，它可以工作，但是JS没有重新对齐，演示：

http://jsfiddle.net/1odgx6vq/1/

Answer 1

通过在之前和添加javascript的元素之后添加空格来解决此问题