DIV 縦方向 縦方向 横方向 中央揃え_html/css_WEB-ITnose

DIV 垂直方向の中央揃え

div を中央揃えにするには、 margin-left:auto;margin-right:auto; を使用します。 .style{margin-left:auto;margin-right:auto;} 省略形は次のとおりです: .style{margin:0 auto;} 数値 0 は、上下のマージンが 0 であることを意味します。必要に応じて別の値に設定できます。

.align-center{

margin:0 auto; /* センタリングは必須ですが、他の属性は必要ありません*/

width:500px; /* 幅がブラウザの両側に達する場合、中央揃えの効果は表示されません*/

background:red; /* 背景色*/

/* テキストとその他のコンテンツを中央に配置します。 center;*/

}

@Html.Partial("_PartialMenuImg", "../../Images/Sys/test.jpg")

水平方向および垂直方向の中央揃えの div のデモンストレーション効果