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 に答える