ボタン(入力、ボタン)を書くと、IEの下にそれが見つかります。
単語の数が増えると、両側の間隔が大きくなり、大きくなります。
WinのXPスタイルでは、単語の数が大きいと、両側に深刻なジャグがあります。
理由は正確には何ですか?
Blue Idealの元のWeb標準化列は、答えを与えます。
1. IEがボタンの値を4バイト(2漢文字)で追加すると、ボタンの両側に合計1バイトのマージン幅が生成されます。
2。IEボタン(XPスタイル)のデフォルトスタイルは、背景として固定サイズの丸い長方形の画像であるため、ボタンがより広く背が高くなると、この固定サイズの丸い長方形の画像のエッジは自然につや消しに見えます。
WINシステムがバグ自体を修正しない限り、当面は2番目の問題を解決することはできませんが、最初の問題を修正することはできません。
IEの下のボタン要素のオーバーフロー属性の可視値を設定します(注:パディング値はオーバーフロー:可視属性が設定された後にのみ有効です)。このプロパティは、実際に最後の記事「バックグラウンドクリップとバックグラウンドオリジンの適用」で使用されています。ただし、「IEの伸びたボタンの問題」を読んだ後、小さなバグがあることがわかりました。テーブルセルにボタンを配置すると、ボタンが正しく表示されていますが、元の予約幅は変更されておらず、まだスペースを占有しています。 IE6でボタンの幅を0に設定する必要があります(IE7にもこのバグがありますが、当面はそれを解決する良い方法はありません)。
最終的な修正コードは次のとおりです(デモ):
input.button {padding:0 .25em;幅:auto; _Width:0;オーバーフロー:表示!つまり;}