HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

divセンターをHTMLで整列させる方法は？

div要素を中央に配置するには、 "div style =" text-align：center ""を使用し、divを中央に配置するには、 "div style =" margin：0auto""を使用します。

コードでは、上記のcssは-

と記述されます。 
<div style="text-align:center;width: 300px;margin: 0 auto;border-style: dotted;">
<p>hi</p>
</div>

出力

divセンターをHTMLで整列させる方法は？


  1. HTMLDOMスタイルのflexGrowプロパティ

    HTML DOMスタイルのflexGrowプロパティは、要素がフレックス要素内でそのサイズに対応する比率を設定するために使用されます。単位のない数値を受け入れます。 以下は、-の構文です。 flexGrowプロパティの設定- object.style.flexGrow = "number|initial|inherit" ここで、numberは要素が他の要素に比例して大きくなる量を指定し、そのデフォルト値は0です。initialはプロパティ値をデフォルト値に設定し、inheritはそれを親プロパティ値に設定します。 flexGrowプロパティの例を見てみましょう-

  2. HTMLDOMスタイルのflexFlowプロパティ

    HTML DOMスタイルのflexFlowプロパティは、要素のflexDirectionプロパティとflexWrapプロパティを指定するために使用されます。これはflexDirectionとflexWrapの省略形であり、同じ順序で値を受け入れます。 以下は、-の構文です。 flexFlowプロパティの設定- object.style.flexFlow = "flex-direction flex-wrap|initial|inherit" 上記の特性は次のように説明されます- 値 説明 フレックス方向 フレキシブルアイテムの方向を指定するた