CSSグリッドで中央に配置するにはどうすればよいですか?

グリッドはコンテンツを行と列のレイアウトに配置します。 CSS グリッドについても同様です。

CSS グリッドでのセンタリングに Flex を使用する

グリッド項目をフレキシブルコンテナとして設定する-

リーリー

垂直方向と水平方向に中央揃えにするには、-

を使用します。 リーリー ＃＃＃例＃＃＃

完全な例を見てみましょう −

リーリー ＃＃＃出力＃＃＃

CSS グリッドを使用して、Flex を使用せずにセンタリングを実現します

Flex を使用せずに中央に配置することもできます。グリッド コンテナーを表示するように設定します: グリッド。表示属性がグリッドに設定されている場合、HTML 要素はグリッド コンテナーになります - リーリー

グリッド項目は相対位置設定を使用します -

リーリー ＃＃＃例＃＃＃ ＃＃＃しかし、＃＃＃ リーリー ＃＃＃出力＃＃＃

以上がCSSグリッドで中央に配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。