0

ソースの別のスクリプトを呼び出すページにウィジェットがあります。このような：

<!-- 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>

私の問題は、フレーム内で長いテキストを折り返すことができないことです。したがって、1111111111111111111111111111111111111111111 はフレーム幅から外れます。word-wrap:break-word を試しましたが、役に立ちません。

また、この問題は IE にのみ存在することにも言及する必要があります。FF、Chrome、Safariはすべて正常に動作します。

何か助けはありますか？

4

2 に答える 2

1

このcssプロパティを見てください-ms-word-wrap、ロードがこのようiframeに置くページでdiv

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

お役に立てば幸いです。

于 2012-08-10T19:41:22.713 に答える
0

してみてください：

.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+ */
}
于 2012-08-10T20:40:08.440 に答える