我在CSS中使用 HTML表单提交按钮时遇到了麻烦. 现在我正在使用: input value="Search" title="Search" type="submit" id="btn_s" input value="I'm Feeling Lucky" title="I'm Feeling Lucky" name="lucky" type="submit" id="btn_
现在我正在使用:
<input value="Search" title="Search" type="submit" id="btn_s"> <input value="I'm Feeling Lucky" title="I'm Feeling Lucky" name="lucky" type="submit" id="btn_i">
这个CSS内容
#btn_s{ width: 100px; margin-left: auto; margin-right: auto; } #btn_i { width: 125px; margin-left: auto; margin-right: auto; }
它没有做任何事情.我知道我可能做了一些愚蠢的错事.我怎样才能解决这个问题?
http://jsfiddle.net/SebastianPataneMasuelli/rJxQC/我只是在它们周围包裹一个div并使它对齐中心.然后你不需要按钮上的任何CSS来居中它们.
<div class="buttonHolder"> <input value="Search" title="Search" type="submit" id="btn_s"> <input value="I'm Feeling Lucky" title="I'm Feeling Lucky" name="lucky" type="submit" id="btn_i"> </div> .buttonHolder{ text-align: center; }