在IE 6/7/8:HTML插入(使用jQuery)不符合设置宽度

所以,我有这个标记:

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

这种风格(多余的,我知道):

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

和jQuery这一点堵简单内容到段落:

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

在Firefox。 该文本换行,并保持该段的设定宽度内。 但并不是在任何版本的IE浏览器。 在IE 7/8,文字水平继续出,即使该段本身附着在设定尺寸段。 在IE 6中,不仅文字洒出水平,但它延伸了一段吧。 我已经使用,而不是的.text html的尝试,但没有奏效。 不理想。 我说过不理想? 有谁知道如何解决这个问题? 谢谢。

--------------解决方案-------------

这是IE6的​​一个已知的bug:

IE6和更低的工具溢出:可见不正确。

正确的行为是,与溢出的元素:可见变得高和宽的CSS的订单,并且不适合泄漏出随后的框,重叠,如果需要的话,内容的任何内容。

请注意,您所看到的在IE7和IE8的行为可能被认为是正确的(尽管并不十分友好的,至少如果文本没有换,当它可以换 )。

要实现一致的行为,尽量瑞安McGeary的建议:添加overflow: hidden;对于元素的风格,你想限制:

#文本容器{显示:块;宽度:220px; 高度:280px; 溢出:隐藏;}
#文本容器p {显示:块; 宽度:220px; 高度:60PX; 溢出:隐藏;}

请注意,我还纠正一个错误的冒号在原有的风格 - 不知道如果这是你的实际代码,或者仅仅是一个错字撰写你的问题的时候......

尝试添加overflow: hidden;段落元素的样式

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

分类:jQuery的 时间:2015-03-15 人气:0
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 1.901 (s). 10 q(s)