問題タブ [mat-tab]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
4211 参照

css - mat-tab-group 幅がフレックスの幅 100% コンテナーに反応しない

現在、マットタブグループが含まれるフレックスボックスデザインを含むプロジェクトに取り組んでいます。私が直面している問題は、親の幅に適切に反応せず、クラスのmax-widthプロパティのみが幅に.parameters影響を与えるように見えることです。

プロパティを削除しmat-stretch-tabsても、どちらも役に立ちません。フレックスベースとしてピクセル値を使用すると、幅の計算がコンテンツに依存しなくなります。ただし、ターゲット幅が許容するよりも多くのタブがあるとすぐに、コンテンツはmat-tab-group. 上記の構造のスタイリングは次のようになります

{width: 100%}また、プロパティをテストしましたmat-tab-groupが、どちらにも影響はありません。以下は、水平スクロールをまったく削除します(そして、/deep/私が避けたいものを使用します)。

あなたはなにか考えはありますか?私は何が欠けていますか?