以下 HTML 在 Chrome 中正确显示，但在 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 事件。
最佳答案
我发现在 IE 中，如果 BUTTON 出现在 P 中，则段落元素的 text-indent 属性是由 BUTTON 继承，导致它将文本向左移动，以便其中一些文本从按钮上掉落。这可以通过将 style="text-indent: 0" 添加到 BUTTON 或将其添加到样式表来解决:
button { text-indent: 0 }
关于html - 按钮文本在 IE 中被截断，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26126784/