3

マークアップ:

<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

何か案は？

4

3 に答える 3

2

要素を使用する必要があります<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/

于 2012-05-23T13:47:52.677 に答える
0

margin-leftの代わりに使用してみてくださいpadding-left。また、クラスと CSS ファイルを使用することをお勧めします。

width:auto;、またはある値に設定します。

于 2012-05-22T15:54:04.153 に答える
0

それを機能させる方法を見つけました：

input[type="button"]::-moz-focus-inner { margin-left:20px };
于 2012-05-23T07:41:55.897 に答える