1

要素input type=submitの内外の次のボタンは、Firefox では表示されますが、Google Chrome では表示されません。divmargin: auto

HTML:

<div>
 <input type=submit value=submit>
</div>
<input type=submit value=submit>
text continues from here...

CSS:

div {
 width: 200px;
 background: green;
}

input {
 display: block;
 margin: auto;
}

W3Cによると、正しい動作はありますか? また、幅を変数にする必要があり、下のテキストからボタンを消去する必要があることに注意して、Google Chrome でどのように中央揃えにしますか?

4

2 に答える 2

2

問題は、入力時に幅を定義していないため、自動マージンを実行していないことだと思います。

INPUTtext-align: centerはインライン要素であるため、親要素の a など、インライン要素のスタイルを設定する方法で最も簡単にスタイル設定できます。

http://jsfiddle.net/chrisvenus/wU5tb/text-align: centerは、関連する 2 つの親要素 (div と body)を配置した場合の効果を示すフィドルです。

これは親要素のスタイルを設定しているため、センタリング スタイルを取得するために、追加のブロック要素 (たとえばp、または必要に応じて) を追加する必要がある場合があります。div

これを chrome、firefox、IE でテストしたところ、すべて期待どおりに動作しました。

于 2012-06-01T11:57:23.103 に答える
0

align="center"divのコンテンツ/ボタンを中央に配置するために使用します。

<div align="center">
   <input type=submit value=submit>
</div>

アップデート

デモ

于 2012-06-01T11:35:32.113 に答える