6

なぜこれがそんなに難しいのですか?コンテナ、レイアウト:'hbox'、およびボタンのコレクションがあります。問題は、ボタンがコンテナの右境界を超えて続くことです。コンテナ内でコンテンツをラップするためのベストプラクティスの方法は何ですか?私はただ浮かぶべきです:私の子供アイテムを「残しました」?どこでも固定幅を使用できます。サイトのサイズは水平方向に変更されません。

4

3 に答える 3

19

私がここで探していたものを実行する適切な方法はlayout:'column'、その子をフローティングdivのように扱う使用することでした。

于 2012-10-22T17:12:23.240 に答える
6

コンテンツを次の「行」にオーバーフローさせたい場合、hboxレイアウトは適切なレイアウトではありません。Hboxは、コンポーネントを1行の固定幅に揃えて分散します。'auto'レイアウト(デフォルト)に固執し、ブラウザーがCSSフロートを介してオーバーフローを制御できるようにすることをお勧めします(前述のとおり)。

または、使用することもできますExt.toolbar.Toolbar#enableOverflow-ドキュメントを参照してください

trueを設定して、ツールバーにドロップダウンメニューをアクティブにするボタンを提供させ、ツールバーの幅をオーバーフローするアイテムを表示します。

于 2012-08-31T16:49:36.750 に答える
0

それが役立つなら; 私はlayoutデフォルトでそのままにし、使用法の範囲内でアプローチautoを実現するために追加のCSSを使用しました。wrapresponsive

一部のネストされた子コンテナはfoocontainer動的にレンダリングされます。したがって、CSS内に完全にレスポンシブUIがあります。

.foocontainer > div[data-ref="outerCt"] > div[data-ref="innerCt"] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex!important;
  flex-wrap: wrap!important;
}
于 2019-09-27T10:23:50.767 に答える