検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS+DIV デザインを中央に配置する 2 つの一般的な方法_html/css_WEB-ITnose

CSS+DIV デザインを中央に配置する 2 つの一般的な方法_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-06-24 12:32:451296ブラウズ

たとえば、.html ファイルのコードは次のとおりです。

div id=" mainDiv>
Centered div




センタリングを実装する CSS コードは
最初のメソッド:
body
{

text-align:center ;
background-color:#ccc;
min-width:780px;
#mainDiv
{
width:1px
margin:0 auto
2 番目のタイプ:
負のマージン位置決めメソッドによって実装される CSS コードは、
body {
text-align:center
background-color:#ccc;
min-width:780px }
#mainDiv
{
width:760px; -380px ;
left:%50;
positive:relative;
border:1px ソリッドホワイト
最小幅はどれくらいですか? div の幅以上です。
そうでない場合、これはブラウザーの表示領域からはみ出している可能性があります。 CSSについては
違うので、みんな自分で勉強しましょう

声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：DIV+CSS(3)_html/css_WEB-ITnose を学ぶためにフォローしてください次の記事：DIV+CSS(3)_html/css_WEB-ITnose を学ぶためにフォローしてください

関連記事

続きを見る