平铺背景图像css

Question

我想在div中重复背景图像但没有指定高度，我希望它是灵活的，如果背景中有任何数据量仍然存在。如果我没有指定高度，它没有显示，但是应用了像margin auto这样的其他属性。

任何建议。

Answer 1

对该div标签使用属性background-repeat repeat。它应该保持在div标签内。​​

的CSS：

.background-element {
  // just add
  background-repeat: repeat;
}

HTML：

<div class="background-element">
  <!-- content -->
</div>

Answer 2

.background-element {
    background: url(tile.gif) repeat;
}

即使元素的宽度/高度未知，这也会重复。