按鈕文字在IE中被切斷

下面的HTML在Chrome中正確顯示，但在IE中不正確。按鈕文字被切斷。按鈕文字在IE中被切斷

<HTML> 
    <HEAD> 
     <TITLE>Button test</TITLE> 
     <STYLE type="text/css"> 
     p { padding-left: 2em; text-indent: -2em } 
     </STYLE> 
    </HEAD> 
    <BODY> 
    <DIV style="margin-left: 0.5in; margin-right: 0.5in">First line<P>Second line<BUTTON>Button will be clicked</BUTTON> 
    </DIV> 
    </BODY> 
</HTML>

的p風格入口背後的想法是，我想段落出現與第一線，剩餘行的左邊。我已將這個簡化爲一個簡單示例，但通常會爲BUTTON設置一個onclick事件。

來源

2014-09-30 ajb

我發現在IE中，如果發生P內BUTTON，段落元素的text-indent屬性由BUTTON繼承，使其文本移動到左邊，這樣它的一些脫落的按鈕。這可以通過將style="text-indent: 0"添加到BUTTON或將其添加到樣式表來解決：

button { text-indent: 0 }

來源

2014-09-30 17:36:59 ajb

按鈕文字在IE中被切斷

回答

相關問題