-2

CSSのチュートリアルを始めたばかりなので、CSSについてはよくわかりません。ここにcssコードを投稿しています。ブラウザでコンテンツ全体をセンターにする方法を教えてください。また、出力のスクリーンショットを含めています......

ここに画像の説明を入力

body {
background:#E9E9E9;


}

#formWrap {
width:720px;
margin-top:30px;
margin-left:30px;
margin-right:30px;
background:#FFF;

border:1px solid #F1F1F1;
-moz-border-radius:20px;
-moz-box-shadow:2px 2px 5px #999;
-webkit-border-radius:20px;
-webkit-box-shadow:2px 2px 5px #999;
padding:16px 10px 40px;
}

#formWrap #form {
border-top: 1px solid #EEE;
width: auto;
}
#formWrap #form .row {
border-bottom: 1px dotted #EEE;
display: block;
line-height: 38px;
overflow: auto;
padding: 24px 0px;
width: 100%;
}
#formWrap #form .row .label {
font-size: 16px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
width: 180px;
padding-right: 10px;
margin-right: 10px;
}
#formWrap #form .row .input {
float: left;
margin-right: 10px;
font-style: italic;
width: auto;
}

.detail{
width: 260px;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
padding: 7px 8px;
margin: 0;
}

.mess {
width: 450px;
height: 250px;
max-width: 450px;
overflow: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
padding: 7px 8px;
line-height: 1em;
margin: 0;
}

#formWrap #form .row .context {
color: #999;
font-size: 11px;
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
width: 200px;
float: left;
}


#formWrap #form .submit {
font-family: Arial, Helvetica, sans-serif;
margin-top: 25px;

color: #000;
font-size: 16px;
text-shadow: 1px 1px 1px #999;

}
4

2 に答える 2

1

#formwrapそれがメインコンテナ(白いコンテナで最も外側)であることを考慮して、次のようにします-

#formwrap{
    margin:0 auto;
}
于 2013-07-21T14:54:22.810 に答える