如何强制内联块元素包装？

Question

我有一个内联块div.

.element {
display: inline-block;
}

我使用jquery重复将它附加到DOM.

  var element = $("<div class='element'>");
  $(body).append(element).append(element).append(element).append(element);

但是附加的div不会换行.就好像我有以下标记(没有换行)

<div class="element"></div><div class="element"></div><div class="element"></div><div class="element"></div>

在元素之间添加空格并不能解决问题:

  $(body).append(element).append(" ");

我如何强制这些元素包裹？(我不想使用花车).

Answer 1

如果他们只是div设置的元素,inline-block他们应该像这样包装:http://jsfiddle.net/72cYy/

检查并确保他们的容器/父元素没有white-space:nowrap.这会导致他们不能包装.