我有一個div，根據不同的場景可以有2個或4個按鈕。我希望div內的按鈕居中對齊。如何做到這一點。我已經在下面提交了我的代碼。中心動態調整div內的按鈕嗎？
<div style="margin: 0 auto; width: 656px;">
<input type="submit" style="float:left;" value="Prev"/><input type="reset" value="Reset" style="float:left;"/>
<input type="submit" value="Submit" style="float:left;"/><input style="float:left;" type="submit" value="Close"/></div>
問題是當四個按鈕顯示出來，但不適用於3,2和1按鈕場景時，它會工作。如何居中對齊而不指定寬度？ Plz的幫助。
您需要在容器元素上使用text-align: center。此外，應避免使用內嵌風格...
<div style="margin: 0 auto; width: 656px; text-align: center;">
注意：請確保您使用
text-align: left;如果你有div內的任何文字 否則他們也會被居中。
當你評論，它看起來像中心給我
但你仍是不相信他們是完全集中，我會調整容器width和意志告訴你它們居中......
，2個按鈕
注：請確保您使用CSS重置，以及...使您得到 一致所有瀏覽器中的樣式雖然應該以爲中心無論重置樣式。
你可以使用下面的代碼，讓我知道。只是用文字居中對齊
<div style="margin: 0 auto; width: 656px; text-align:center">
<input type="submit" value="Prev"/><input type="reset" value="Reset"/>
這不起作用。 – OCJP
寬度屬性不允許它精確地在所有場景中居中。 – OCJP
對我來說，即使我使用1,2或3個按鈕，它看起來中心 – DevelopmentIsMyPassion
如果按鈕出現在你的DIV的唯一的事情，那麼你就應該給的text-align：中心財產股利。有了這個div內的所有東西都會被中心對齊，而不依賴於寬度。
<div style="margin: 0 auto; width: 656px;text-align:center;">
<input type="submit" value="Prev"/><input type="reset" value="Reset"/>
<input type="submit" value="Submit"/><input type="submit" value="Close"/>
</div>
您只需指定text-align：center;風格爲div。
在這裏，代碼供您參考。
Style
---------------------
.row { text-align:center; }
.row input { margin:0px 5px; }
HTML
------------------
<div class="row">
<input type="submit" value="Prev"/><input type="reset" value="Reset"/>
<input type="submit" value="Submit"/><input type="submit" value="Close"/>
</div>
div中任何具有class'row'的元素都將居中對齊。
試試這個：
<div style="width:100%"><div style="margin: 0 auto; text-align: center;">
<input type="submit" value="One"/><input type="reset" value="Two"/> <input type="submit" value="Three"/><input type="reset" value="Four"/></div></div>
它不工作。 width屬性不允許它精確地在所有場景中居中。 – OCJP
..和兩個按鈕http://jsfiddle.net/eK22Y/1/ - @OCJP有什麼問題？你能提供一個場景，它*不是精確的中心嗎？* +1。 – George
對於四個按鈕場景，如果將按鈕縮小到2，則其中心不會完全居中。 – OCJP