IE9怪癖模式輸入類型=按鈕寬度填充與文本長度成正比，如何擠壓？

我有一個按鈕呈現問題。我在IE9怪癖模式。它是HTML框架（而不是iframe）中的遺留代碼，我現在沒有選擇怪癖模式。我已經刪除了所有的CSS和JavaScript，所以我相信我會默認IE9渲染。IE9怪癖模式輸入類型=按鈕寬度填充與文本長度成正比，如何擠壓？

問題是這樣的：按鈕文本左側和右側的填充似乎與文本的長度成正比。也就是說，文本越長，填充越寬。客戶端堅持使用某些按鈕，最多有20個字符的文本，而且這些按鈕在按鈕左右兩邊的文本中有很多死區（即填充左邊和填充右邊可以這麼說），佈局嚴重破碎。

由於按鈕文字從7到20個字符不等，所以我也不容易做固定寬度的按鈕。我想要完成的是固定填充左側和填充右側。我能想出的最好的是在EMS內嵌寬度，例如，

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

我想填充/保證金與內嵌樣式，但只能使事情變得更糟。有什麼建議麼？

編輯：根據解決方案，部分難題是該按鈕是在一個表格單元格內。如果您因爲需要了解此信息而來到這裏，請務必按照Adam解決方案中的鏈接瞭解完整的問題。

來源

2013-01-12 Edward Barnard

你可以通過改變.button到input，這樣的適應this solution您的情況：

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

<!--[if IE]> 
<style> 
input { 
    width: 0; 
} 
</style> 
<![endif]-->

來源

2013-01-12 02:40:19

謝謝！我編輯了這個問題，注意到難題的一部分是按鈕在表格單元格內。感謝提供這種見解的鏈接。 –

IE9怪癖模式輸入類型=按鈕寬度填充與文本長度成正比，如何擠壓？

回答

相關問題