ホームページ > 記事 > ウェブフロントエンド > DIV_html/css_WEB-ITnose で一般的に使用されるセンタリング方法
DIV_html/css_WEB-ITnose で一般的に使用されるセンタリング方法
- 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 までご連絡ください。