1

固定div内にラップされた値に応じて、さまざまな幅の送信ボタンまたは通常のボタンがあります。margin: 0 auto;これで、プロパティdisplay:block;がなくなった後でも、ボタンが div の中央に配置されなくなりました。width各ボタンの幅を明示的に設定せずにそれらを中央に配置するにはどうすればよいですか?

input[type="submit"], .button {
      border: none;
      outline: none;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      color: white;
      display: block;
      cursor: pointer;
      margin: 0 auto !important;
      clear: both;
      padding: 5px 7px;
      text-shadow: 0 1px 1px #777;
      font-weight: bold;
      font-family: "Century Gothic", Helvetica, sans-serif;
      font-size: 14px;
      -moz-box-shadow: 0px 0px 3px #aaa;
      -webkit-box-shadow: 0px 0px 3px #aaa;
      box-shadow: 0px 0px 3px #aaa;
      background: #4797ED;
}
4

3 に答える 3

1

ボタンはインライン要素です。他の理由で必要ですdisplay:blockか、それとも div 内のすべてのテキスト/インライン要素を一般的に中央に配置することに反対するものはありますか?

text-align:centerそうでない場合は、代わりに div に割り当ててdisplay:block、ボタンから削除できます。

余談ですが、現在のスタイルでは FF12 でボタンが中央に配置されています。どのブラウザを使用していますか? 編集：IE9（jsfiddle）でも動作します。

于 2012-05-03T13:42:42.107 に答える
1

を に設定input[type="submit"], .button {} しdisplay: inline-block;ます。次に、親divを に設定しtext-align: center;ます。

于 2012-05-03T13:45:48.033 に答える
0

http://jsfiddle.net/gSaBj/1/

このURLをチェックしてください....

于 2012-05-03T13:50:03.857 に答える