css - 如何使输入值属性的内容居中

Question

有什么方法可以对齐输入 value 属性包含的文本。我谈到通过它的值将提交按钮中的文本居中。

这是我尝试过的 HTML:

<span id="valueAlign">
    <input formaction="mailto:rooney_09@abv.bg" onclick="" type="submit" value="Submit all" id="submit" method="post" formtarget="_blank"/>
</span>

CSS:

input[type="submit"] {padding:10px 200px 10px 10px;}
#valueAlign{margin:0 auto;text-align:center;}

我试过了，但没有成功。 fiddle :http://jsfiddle.net/Q8tc7/

Answer 1

不要使用填充来设置按钮宽度。使用宽度。

input[type="submit"] {
    padding:10px 10px 10px 10px;
    width:200px;
}

演示:http://jsfiddle.net/Q8tc7/8/

按钮文本默认居中对齐，您无需执行任何其他操作。