3

我使用 twitter 引导程序（我很讨厌 css）。我想要一个带有通常 3 列复选框的可滚动区域。有很多复选框，用户可以选择几个。我不想在复选框上浪费太多屏幕，因此滚动。

我曾尝试使用 css3 列，但它在 IE 中不起作用，如果与溢出结合使用它会水平溢出，我只想要垂直滚动条。

我知道这不是用户友好的最佳解决方案，而是客户想要的。

 div.cb_scroll {
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px;
  //height: 300px;
  overflow:auto;
  border: 1px solid #888;
  padding: 5px;
}

有什么简单的解决办法吗？如果不在 css 中，任何简单的 javascript 解决方案？

4

1 回答 1

3

你的意思是这样的吗？

http://jsfiddle.net/hajpoj/ayx4z/1/

基本上你

  1. 将高度设置为小于包含复选框的 div
  2. 将溢出设置为自动；
  3. 使包含 div 的设置宽度为“自动”或大于内部 div 的组合宽度。

CSS：

.boxes {
    height: 75px;
    overflow: auto;
    width: auto;
}​`​
于 2012-08-19T05:18:00.020 回答