0

ボタンのレンダリングに問題があります。IE9のクァークズモードです。これは(iframeではなく)htmlフレーム内のレガシーコードであり、現時点ではクァークズモードについて選択することはできません。私はすべてのcssとjavascriptを取り除いたので、デフォルトのIE9レンダリングになっていると思います。

問題はこれです:ボタンテキストの左右のパディングはテキストの長さに比例しているようです。つまり、テキストが長いほど、パディングが広くなります。クライアントは、最大20文字のテキストを持つ特定のボタンを要求し、それらのボタンは、テキストの左右のボタン内の非常に多くのデッドスペース(つまり、パディング-左とパディング-右)に構築されているため、レイアウトがひどく壊れています。

ボタンのテキストは7文字から20文字までさまざまなので、固定幅のボタンも簡単に作成できません。私が達成したいのは、固定パディング-左とパディング-右です。私が思いつくことができる最高のものは、emsのインライン幅です。

<input value="The Big Whateverest" type="button" style="width:11em;">

インラインスタイルでパディング/マージンを試しましたが、それは事態を悪化させるだけです。助言がありますか?

編集:解決策によると、パズルの一部は、ボタンがテーブルセル内にあることです。これを知る必要があるためにここにいる場合は、Adamのソリューションのリンクをたどって、問題全体を理解してください。

4

1 に答える 1

1

次のように変更することで、このソリューションを状況に適合させることができます。.buttoninput

<style>
input {
    padding: 0 .25em;
    width: auto;
    overflow:visible;
}
</style>

<!--[if IE]>
<style>
input {
    width: 0;
}
</style>
<![endif]-->
于 2013-01-12T02:40:19.747 に答える