css - ボタンの最小幅により、IE でボタンの右側にスペースができます

Question

CSS min-width現在、Internet Explorerでのプロパティの奇妙な動作を調査しています。を使用したテキスト配置のバグについて聞きましたmin-width。しかし、これは私にとって新しいものです。

<table cellspacing="0" cellpadding="0">
  <tr>
    <td><button>Einloggen</button></td>
  </tr>  
</table>

min-widthボタンを実際に引き伸ばす値にボタンを設定すると、ボタンの右側にスペースが現れます/td幅が広がります。この動作は IE でのみ見られました。Opera、FF、Chrome、Safariでも確認済み。

これは既知のバグですか? そして、回避策はありますか？

score 1 · Accepted Answer

それは少し奇妙でした。ボタンの右側にパディングが追加されましたが、これを使用して、右側のスペースを最小限に抑えることができました

button {
   padding: 0;
}

score 0 · Accepted Answer

上記の回避策は問題なく機能しているように見えますが、cellspacing と cellpadding が CSS/HTML 仕様から非推奨になっていることも考慮してください。おそらく、廃止されたステータスはそれと関係があります。

4 に答える 4