0

Zurb Foundationtableが多くのコラムで修正を行っているかどうか疑問に思っていました。どうやら、3 列から 6 列tableまでは応答するようですが、私のテーブルには 12 列あります。そして、フレームワークがスクロールバーをテーブルに配置すると思いました。

しかし、私の問題はそうではないということです。では、水平スクロールバーをに配置tableするにはどうすればよいですか? 親 (私の場合は a div)の水平方向の境界に達したときに、テーブルにスクロール バーを表示したいと考えています。

table.oversized { overflow-x: scroll; }

しかし、うまくいきません。scroll bar代わりに親に入れようとしdivます:

div.parent-of-an-oversize-table { overflow-x: scroll; }

そして.....それは動作します。しかし、widthは〜100px長くなります。

誰かがこの問題で私を助けることができますか? Zurbs Foundation フレームワーク内のソリューションを探していますが、フレームワーク外に別のソリューションがある場合は、引き続き歓迎します。

ありがとう。

4

1 に答える 1

1

テーブルのレイアウトには必要がありますtable-layout: fixed;-しかし、私が読んだことによると、テーブルがスクロールバーを確実に取得するのに苦労し、それを含むdivに適用する方がよいでしょう。

たとえば、このソリューション:

table {
    table-layout: fixed;
}

tbody {
    display: block;
    overflow: scroll;
}

FFとChromeでスクロールバーを提供しますが、ドラッガーがないため、スクロールバーは役に立ちません。

div で " " を使用して Foundation 5 の div でテーブルをラップしようとしましたがlarge-12 centered columns、説明した 100px が表示されませんでした。含まれる div が F5 グリッドを使用してどのようにフォーマットされたかを含めてください。これは子の動作に影響するためです。

于 2015-03-02T12:31:30.480 に答える