使用<input type="number">样式的text-align: center字段，它与数字输入完美配合，但如果给定字母数字字符，则会将光标移动到输入字段的左侧（尽管未显示）。
JsFiddle：http://jsfiddle.net/jbe55o0g/
如何防止光标停留在中心？
答案 0 :(得分：2)
当您仅使用<input type="number">作为数字时，您只能使用javascript来允许数字输入。现在光标仍然在中心：
input[type=number]{
width: 100px;
text-align:center;
}<input type="number" onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
答案 1 :(得分：0)
如果您正在使用jQuery，或者愿意使用，并且不想在所有数字输入上写入该行，则可以使用以下代码：
$(document.body).on('keypress',"input[type='number']", function(event){
return event.charCode >= 48 && event.charCode <= 57;
})
它会产生与添加onkeypress属性相同的效果，解决您遇到的中心问题。