CSS を使用して Div を水平方向に簡単に中央揃えするにはどうすればよいですか?

<div> の簡単な水平方向のセンタリングCSS を使用した要素

<div> を中央揃えにするCSS を使用すると、最小幅を維持しながら Web ページ上の要素を簡単に実現できます。これを実現するには:

非固定幅の場合 <div>要素:

正確なスペースがわからない場合は、<div>

1. 指定された幅でラッパー コンテナー (#wrapper) を作成し、その中のテキストを手動で配置します (つまり、text-align: center;)。
2. <div> を設定します。 display: inline-block; を使用してインラインで中央に配置されます。

   #wrapper {
     background-color: green; /* for visualization */
     text-align: center;
   }
   #yourdiv {
     background-color: red; /* for visualization */
     display: inline-block;
   }

   <div>

以上がCSS を使用して Div を水平方向に簡単に中央揃えするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。