4

このフォームを中央揃えにするにはどうすればよいですか? 私が試した、margin-left:auto;、margin:50px;、margin: 0 auto 0 auto; および他のいくつかのコードですが、何も機能していないようです。すべてが中央揃えになるようにしたいのですが、追加のアイテムを追加したい場合は、それらも中央揃えになります。

これがjsfiddleです：http://jsfiddle.net/ffKKN/1/

CSSは次のとおりです。

.radio div[type='radio'] {
background: transparent;


border:0px solid #dcdcdc;
border-radius:10px;
padding:0px;
float:left;
margin-left: 10px;
cursor:pointer;
}
.radio div.active {
box-shadow:0 0 2px 0px transparent inset;
}
.tablebuttons img {
width: 60px;
height: 55px;
border: 0px solid #666;
background: #fff;
display:block;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
}
.question {
margin-left: auto;
display: none;
clear: both;
}
.question:nth-child(1) {
display:block;
}

#linkDiv {
margin: 0;
}
.clear {
clear: both;
}
4

5 に答える 5

3

幅を設定してから使用しますmargin:0px auto;

#quiz {
    width: 320px;
    margin: 0px auto;
}

さらに、テキストをコンテナ内の中央に配置する場合は、

body {
    text-align: center;
}

jsFiddle の例

于 2013-09-06T20:10:56.327 に答える
1

CSS に次の行を追加します。

#quiz { margin:0 auto; width:350px; }
于 2013-09-06T20:13:43.207 に答える
1

<div class="iphone3gscarrier">ラジオ ボタンの代わりに使用している をタグに変更し<span>、次の css を使用する場合:

body {
text-align: center;
}

それらは現在、中心に置かれています。タグはいくつでも追加でき、すべてが中央に配置されます。

http://jsfiddle.net/ZBMgZ/

于 2013-09-06T20:38:46.643 に答える