Question

我在页面上有一个小部件，它为源代码调用另一个脚本。像这样：

<!-- Beginning of widget code. -->
<div id="xyz_widget" ></div>
<script id="bootstrap" type="text/javascript" src="<some location>/bootstrap.js?" charset="utf-8">
</script>

在bootstrap.js中存在此iframe代码：

<iframe style='background:transparent;overflow:hidden;border:0px;height:100%;width:100%' 
frameborder='0' border='0' marginwidth='0' marginheight='0' "width='100%' height='100%' 
allowTransparency='true'
src='"+buildBaseUrl (pUri)+"/widget/widget.jsp?"+pUri.query+"'>
</iframe>

我的问题是我无法在框架中包装长文本。所以111111111111111111111111111111111111111111111超出了框架宽度。我尝试了自动换行：break-word但它没有帮助。

我还应该提一下，这个问题只存在于IE中。 FF，Chrome，Safari都可以正常工作。

任何帮助？

Answer 1

看一下这个css属性-ms-word-wrap，在iframe加载的页面中放置div这样的

<div style="word-wrap:break-word;width:100%;left:0">
    ... //content on the page
</div>

希望有所帮助，

Answer 2

请尝试：

.wrapWords {
    width: 300px;
    white-space:      pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space:     -pre-wrap; /* Opera 4-6 */
    white-space:   -o-pre-wrap; /* Opera 7 */

    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

换行文本适用于IE以外的所有浏览器

2 个答案: