2016-08-28 3 views
1

md-card要素の中にワイドテーブルがあります。画面が狭すぎてテーブル全体を表示することはできませんが、ユースケースではテーブル全体を一度に表示する必要があります。そこで私は自分のカードを希望のオーバーフロー動作を実装するmd-content要素に入れることにしました。md-content内に広いテーブルスクロールを持つMDカードを作成するには

私の問題は、テーブルがカードをオーバーフローしていて、親要素のwithをフィッティングする代わりに、カードをコンテンツに合わせる方法がわかりません。 md-content要素は、期待どおりにスクロール可能です。カードの枠だけが正しく表示されません。

私は私の問題を披露するCodePenをした:http://codepen.io/davemecha/pen/LkwAXd

私はこの問題を解決し、カードがそのコンテンツの幅に適用するようにする方法についていくつかの提案のために喜んでいると思います。

答えて

1

私の問題を解決する方法が見つかりました。この問題は実際には角物質の問題ではありませんでした。それは単純なCSSの問題でした。 https://codepen.io/davemecha/pen/qNZLYb

溶液は、私はこれにcodepenしたdisplay: inline-block;

に(この場合md-cardで)ラッパーを設定することです

関連する問題