グリッド項目で最大幅のコンテナを使用する-PHP中国語ネットワークQ&A

< headerclass="primary-headerflex" からグリッドを中央に配置することで完全に機能します。 >//iwanttoputcontainercla"> グリッド項目で最大幅のコンテナを使用する-PHP中国語ネットワークQ&A

記事特集学ぶダウンロードに質問プログラミング辞典ゲーム最近の更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

グリッド項目で最大幅のコンテナを使用する

P粉387108772 2023-09-06 18:56:45

336

max-width: 80 rem および margin-inline: auto のコンテナーがあり、それをグリッドに適用すると、グリッドを 80 rem から中央に配置することで完全に機能します

リーリー

しかし、コンテナクラスをアイテムヘッダーセルに配置したいのですが、正しく動作しません。80rem のサイズに達せずにすべてのヘッダーコンテンツが中央に配置されます。理由がわかりません。 margin-inline のおかげで ils については知っていますが、通常は 80rem を中心にしており、それ以前は中心ではありません。

ああああ

P粉387108772

全員に返信 (1)

P粉8181258052023-09-07 13:54:07 1棟

"container" クラスが親の "grid-container"divに適用されると、max-width: 80rem;およびmargin-inline:auto になります。 ;。したがって、ビューポートの幅が 80rem より大きい場合、使用可能なインライン マージンは分割され、divとその親 (body) の間で均等に適用されます。ここで、div中央に > div があります。headerはdivの子であるため、コンテナ内ではデフォルトの左揃えになります。


            
「container」クラスがheaderに適用されると、divの幅は制限されず、headerは分割され、利用可能なすべてのインライン マージンが適用されます。それ自体とdivの間で、headerが中央に配置されます。利用可能なマージンは、max-width 宣言からではなく、headerのactual幅 (ほぼ 40rem) から得られます。

mainではなくheaderのみを最大幅にしたい場合は、width: 100%を追加することで希望の結果を得ることができます。 ＃＃＃。容器＃＃＃＃＃＃
リーリー リーリー