html - 分解行内 block 元素

Question

我想做的是分解行内 block <li>秒。代码已生成，在写入页面之前我无权访问它。因为<li>元素之间没有空格，它们不会被拆分，也不会在整个页面上对齐。

我不介意解决方案是基于 CSS 还是基于 Javascript。

我在 CSS 'content:' 和 'after:' 中尝试过各种东西。

请查看此 fiddle 以获得问题演示:http://jsfiddle.net/2L56N/5/

编辑:结果应该像上面的例子。然而，生成的代码就像下面的例子(标签之间没有空格，导致内联 block 成为一个)。将宽度拖动到只显示 2 个图像以查看我正在寻找的对齐效果。

Answer 1

除非我误解了这个问题，否则您可以简单地向 li 元素添加边距，如下所示:

ul li {
    display: inline-block;
    margin:5px;
}

http://jsfiddle.net/B7cL9/