ホームページ > 記事 > ウェブフロントエンド > CSSでボックスの中心を設定する方法
CSS では、複数のメソッドを使用してボックスを中央に配置できます: 水平方向の中央揃え: margin: 0 auto; 垂直方向の中央揃え: 水平および垂直方向の中央揃え: 表示: flex ; align-items: center;
CSS でのボックスの中心設定
CSS では、さまざまな方法を使用できます。ボックスを中央揃えにするメソッド。
水平中心
垂直方向の中央
##transform: translation(-50%, -50%) ;
<code class="css">.container { width: 200px; height: 100px; margin: 0 auto; /* 水平居中 */ text-align: center; /* 文本水平居中 */ vertical-align: middle; /* 垂直居中 */ }</code>
以上がCSSでボックスの中心を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。