0

次のようなテーブルのCSSスタイルを設定する方法

  • セルは最大で画面の高さの30％です
  • 画面の高さの30％を超える場合は、垂直スクロールバーを使用します
  • 画面の高さの30％未満の場合は、スクロールバーを使用しないでください
  • FirefoxとChromeで動作します

編集

私は試した

tr td {
    max-height:30%;
    height:auto !important;
    overflow:scroll;
}

そして運のないいくつかの変種。背の高いセルは、画面の高さの30％よりも高くなりました。

オリジナルが難しすぎる場合の別の質問：

たとえば、大きなセルをボタンなどで折りたたんで再度開くことができ、セルの高さが最大である限り、スクロールバーは絶対に必要ではない場合など、大きなセルのコンテンツを表示する方法はすべて受け入れられます。画面の30％; つまり、主な目標は、画面全体に1つのセルの一部が表示されるほど高いセルを使用しないようにすることです。

4

1 に答える 1

1

設定された高さに対して30％でなければならない理由はありますか？コンテンツをdivに入れることで、あなたが望んでいると思う効果を達成することができました。

tr td div.box {
   max-height:200px;
   overflow-y:scroll;
}
于 2012-05-18T15:52:28.247 に答える