Fatal编程技术网
  • css/
  • Css 如何强制内联块元素换行？

Css 如何强制内联块元素换行？

css backbone.js

Css 如何强制内联块元素换行？,css,backbone.js,Css,Backbone.js,我有一个内联块div .element { display: inline-block; } 我使用jquery反复将其附加到DOM中 var element = $("<div class='element'>"); $(body).append(element).append(element).append(element).append(element); 如何强制这些元素换行？（我不想使用浮动）。我建议使用css设置元素类的样式，以创建空白。如果您不想这样做，您可

我有一个内联块div

.element {
display: inline-block;
}
我使用jquery反复将其附加到DOM中

  var element = $("<div class='element'>");
  $(body).append(element).append(element).append(element).append(element);
如何强制这些元素换行？（我不想使用浮动）。

我建议使用css设置元素类的样式，以创建空白。如果您不想这样做，您可以尝试附加一个不间断的空格

var element = $("<div class='element' />&nbsp;");

var元素=$（“”）；
您可以根据百分比给出元素宽度。更改有关元素数量和包装方式的百分比值。

如果它们只是
div
元素，设置为
内联块
，则应按如下方式包装：

检查并确保其容器/父元素没有
空白：nowrap
。或者，如果没有使用：：before伪元素，您可以利用它的功能来解决这个问题

element:before { /* single : to support older browsers */
    display:block;
    width:100%;
}
这是一个用于内联元素的解决方案

为什么不将元素转换为块（或者实际上保持这样，因为这是div的默认设置）。内联块很少是个好主意。。。也许你应该尝试展示你想要实现的目标，或者甚至设置一个小提琴（不需要js，只需要使用你的输出，这显然是一个css问题），不幸的是我已经尝试过了。元素：{content:“\a”}之后不使用内联块默认情况下chrome不包装内联块元素，请使用
空白：pre wrap
这是我想要的，但我希望div在父div中居中，我应该添加什么？ 
var element = $("<div class='element' />&nbsp;");

element:before { /* single : to support older browsers */
    display:block;
    width:100%;
}