1

数日前に同様の質問を見つけました。それ以来、提案の1つを実装しようとしましたが、成功しませんでした. マスターではなく、2 つのテーブルが上下に積み上げられた ASPx ページがあります。希望どおりにトップをフォーマットしました。ただし、ウィンドウ内に収まるようにするか、さらに良いことに、垂直スクロールバーを表示したいの下部。

一番下のテーブルを、overflow-style: auto; の div でラップしました。CSSファイルで。次に、ページで次のスクリプトを使用してサイズ変更を管理しています。

    $(function () {
        $('.tblContent table').css({ 'height': (($(window).height()) - 50) + 'px' });

        $(window).resize(function () {
            $('.tblContent table').css({ 'height': (($(window).height()) - 50) + 'px' });
        });
    });

私のdivは次のようになります:

<div class="tblContent">

CSS ファイルには以下が含まれます。

.tblContent 
{
    overflow-style: auto;
}
4

2 に答える 2

0

私は CSS の達人ではありませんが、テーブルに特定の高さを指定して、オーバーフローが発生するようにしてください。

.tblContent 
{
    overflow: auto;
    height : 400px;
    display : block;
}

なぜ表示:ブロック;? 私はcssが苦手で、ほとんどすべてにCSSを使用しています。また、overflow: auto を使用します。正しいかもしれませんが、オーバーフロースタイルが何であるかはわかりません。

また、私たちはどちらも CSS が苦手なので、CSS リファレンス リンクを次に示します。

http://www.w3schools.com/cssref/pr_pos_overflow.asp

于 2013-02-28T00:24:10.277 に答える
0

テーブルを含む下部の div の場合 (画面の 50% として使用すると仮定します。明らかに調整できます):

overflow:auto;
height:50%;
width:100%;

テーブル自体の場合:

width:100%;
于 2013-02-28T00:24:38.553 に答える