Question

标记：

<input type="button" value="random text random text random text random text random text"
       style="padding-left:20px; text-align:left; width:100px;" />

这里padding-left正常工作，直到我设置宽度，在中间切断文本，将padding-left推开。这只是一个Firefox问题顺便说一句。适用于所有其他浏览器。实例：http://jsfiddle.net/aB25a/1

有什么想法吗？

Answer 1

您应该使用<button>元素，这可以让您更好地控制其内容的变化：

<button class="wrong">
  <span>this pushes text to the left, ignoring padding</span>
</button>

然后风格是：

.wrong {
    width: 100px;
    overflow: hidden;
}

.wrong span {
    margin-left:30px;
    text-align: left;
    white-space: nowrap;
}

应该适用于所有浏览器的示例：http://jsfiddle.net/p8mg8/1/

Answer 2

尝试使用margin-left代替padding-left，我也建议使用类和CSS文件。

设置width:auto;或某个值。

Answer 3

了解如何使其发挥作用：

input[type="button"]::-moz-focus-inner { margin-left:20px };

按钮文本推送Firefox中的填充

3 个答案: