div内のdivを中央に配置するには、（CSS）

いくつかの記事でボックスを中央に配置されるようにしたい場合が多いのです。 divはalign属性を持って制御がうまくできません。このような場合は、次のようにXNUMXつのdivを入れ子にして使用して、簡単に中央に配置されるようにすることができます。

他のタグセレクタの場合でも、以下の方法を応用して中央揃えすることが可能です。

CSSを使用してdiv内のdivを中央に配置する方法

Div内Divを中央に配置したい場合は、次のようなcssコードを使用することができます。

#out {
 width: 100%;
 text-align: center;
 }
#in {
 display: inline-block;
 }

例えばhtmlコードは次のような場合に、

<div class="out">
    <div class="in">
        
    <div>
    
</div>

次の図のようにcssを適用すると、内側のdivが中央に配置されていることを知ることができます。

一般的に、次のような単純なCSSコードで中央に配置しようとすることができます。

.align-center {
  text-align: center;
}

ブロック要素である場合：

.align-center {
  margin: 0 auto;
}

参考までに WordPress プラグインは、JavaScript / jQueryテンプレートは、PHPコードなどの各種スクリプトコードを販売する CodecanyonでのCSSコードやスクリプトを購入することができます。 25000個以上のコード、スクリプトが販売されています。

以上で、CSSを使用してDiv内Divを中央に配置する方法について説明しました。中央揃えが思うように知っているされている場合に、この方法を使用すると、必要に応じて、中央に配置されている場合があります。

2のコメント

他の方法：

#outer {
位置：相対;
}

#inner {
margin：auto;
位置：絶対;
left：0;
右：0;
トップ：0;
下：0;
}