在IE 6/7/8中：HTML插入到<；p></p>；（使用jQuery）不符合<；p></p>；

所以我得到了这个标记：

<div id="text-container">
  <p></p>
</div>

这段jQuery将简单内容插入到段落中：

$("#text-container p").text(data);

---

在Firefox中工作。文本环绕并保持在段落的设定宽度内。但在IE的任何版本中都没有。在IE 7/8中，文本在段落外水平继续，即使段落本身符合设置的尺寸。在IE6中，文本不仅水平溢出，而且还用它来拉伸段落。我尝试过使用.html而不是.text，但没有成功。不理想。我有没有提到不理想？有人知道怎么避开这件事吗？谢谢。

尝试添加

溢出：隐藏到段落元素的样式

#text-container p {display:block; width:220px; height:60px; overflow:hidden;}

这是：

IE6和下部机具溢出：不正确可见

正确的行为是，带有overflow:visible的元素变得像CSS命令一样高和宽，任何不适合的内容都会从框中溢出，必要时会与后面的内容重叠

请注意，您在IE7和IE8中看到的行为可能被认为是正确的（尽管不是非常友好，至少如果文本在可以换行时没有换行）

要实现一致的行为，请尝试：添加
溢出：隐藏到要约束的图元的样式：

#text-container {display:block; width:220px; height:280px; overflow:hidden;}
#text-container p {display:block; width:220px; height:60px; overflow:hidden;}
#文本容器{显示：块；宽度：220px；高度：280px；溢出：隐藏；}
#文本容器p{显示：块；宽度：220px；高度：60px；溢出：隐藏；}
请注意，我还以您的原始风格更正了一个错误的冒号-不知道这是否在您的实际代码中，或者仅仅是在编写问题时的一个输入错误…
。。。我试图编辑你的答案，但发现你在我编辑时删除了它。所以我贴了我自己的。现在又回来了。哦，好吧。。。投票支持快速行动；我不知道你为什么被否决。是的，我在否决票之后暂时撤销了它，因为我误读了这个问题+1谢谢你的回答。‘溢出：隐藏；’这是我尝试的第一件事之一，但它砍掉了溢出的文本，我失去了它。还有其他想法吗？@echobase:我想你需要在文本中添加更多的空格，但如果没有一个例子，就不能确定了。
#text-container {display:block; width:220px; height:280px; overflow:hidden;}
#text-container p {display:block; width:220px; height:60px; overflow:hidden;}