alignment - 文本对齐 : 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/

我需要对齐 block ，因为它们具有固定宽度，但我需要在第二个容器中“左对齐”。有没有办法做到这一点？ 感谢您的回复。

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

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

Answer 1

通过在 javascript 添加的元素之前和之后添加一个空格来修复