ホームページ  >  記事  >  ウェブフロントエンド  >  DIV_html/css_WEB-ITnose で一般的に使用されるセンタリング方法

DIV_html/css_WEB-ITnose で一般的に使用されるセンタリング方法

WBOY
WBOYオリジナル
2016-06-24 11:44:021031ブラウズ

1. DIV で一般的に使用されるセンタリング方法:

①相対位置を使用して div マージンを設定し、センタリング効果を実現します (追記: IE ブラウザに効果がない場合は、「text-align:center」を追加します) Body 'This 属性に追加するか、外側に DIV のレイヤーを追加して属性 ''text-align:center'' を設定します)。もちろん、center を記述する別の方法もあります: margin-left:auto;margin-right:auto最も重要なことは div です width 属性を設定する必要があります

1 <body>2   <div style="width:500px;margin:0 auto">3        .......4   </div>5 </body>

② left と margin-left の 2 つの属性を使用して、まず div ブロックを margin-left: 50% に設定します (これは、一番左がdiv ブロックの辺が中央にある) の場合、 left 属性値は div ブロックの幅の マイナスの半分であり、

記号は div が幅の半分だけ左に移動することを意味します。追加説明: CSS で直接 left を設定するための前提条件は、親コンテナーの位置を絶対または相対で設定することです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。