Question

我在button内有一堆div个固定宽度和自动高度。我希望包含的按钮一旦溢出容器div就转移到下一行。

这是我的代码：

<div class='btn-group' style='width:100px; height:auto;'>
  <button class='btn'>Hello</button>
  <button class='btn'>Hello</button>
  <button class='btn'>Hello</button>
  <button class='btn'>Hello</button>
  <button class='btn'>Hello</button>
  <button class='btn'>Hello</button>
  <button class='btn'>Hello</button>
</div>

按钮退出组。做一个<br />有帮助，但我更喜欢，如果有更直接的解决方案，因为我以编程方式插入按钮。感谢。

Answer 1

覆盖whitespace

上的.btn-group媒体资源

.btn-group{
    white-space: normal;
}

JSFIDDLE： http://jsfiddle.net/k9XCj/

Twitter Bootstrap：btn-group的溢出

1 个答案: