ボックスを水平方向に中央揃えにするには、親コンテナーに text-align: center 属性を設定します。具体的な手順は次のとおりです。 1. ボックスの display: inline-block 属性を設定します。 2. ボックスの親コンテナに text-align: center 属性を設定します。
CSS を使用してボックスを水平方向に中央揃えにする方法
直接的な答え:
ボックスを水平方向に中央揃えにするには、text-align: center
属性を設定できます。親コンテナ上で。 text-align: center
属性。
详细说明:
要让盒子水平居中,需要执行以下步骤:
display: inline-block;
属性。 这将使盒子成为块级元素,并允许对其进行水平设置。text-align: center
ボックスを水平方向の中央に配置するには、次の手順を実行する必要があります:
display: inline-block;
属性を設定します。 。 これにより、ボックスがブロックレベルの要素になり、水平に設定できるようになります。 ボックスの親コンテナの text-align: center
属性を設定します。
サンプルコード:
<code class="css">#parent { text-align: center; } #box { display: inline-block; }</code>
アプリケーション例:
次のHTMLコードとCSSコードをページに追加します:
🎜🎜HTML: 🎜🎜<code class="html"><div id="parent"> <div id="box">This box is centered horizontally.</div> </div></code>
<code class="css">#parent { text-align: center; } #box { display: inline-block; }</code>
以上がボックスを水平方向に中央揃えにするCSSコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。