0

word-wrap プロパティを使用したい html iframe を設計しました。つまり、長い単語を次の行に分割する必要があります。しかし、代わりに、長い単語の場合、単語を次の行に分割するのではなく、水平スクロール バーを追加します。

"overflow:hidden" プロパティを使用してスクロール バーを非表示にしようとしましたが、何も起こりません。

私はここでいくつかの助けを借りることができます.

iframe の HTML コードは次のとおりです。

<div id="main_frame" >
<iframe id="main_frame" src="homedept.php" name="iframe_a"></iframe>
</div>

CSS は次のとおりです。

div#main_frame
{
 float: left;
margin-top:198px;
margin-left:5px;
float:left;
position:relative;
width:100%;
height:900px;
z-index: 0;
word-wrap:break-word;
}

iframe#main_frame
{
float:left;
margin-left: 30px;
margin-right: 300px;
float:left;
border:none;
word-wrap:break-word;
width: 78%;
height:70%;
z-index: 1;

}

@tyriar に返信していただきありがとうございます。word-wrap プロパティを元のページに設定しました。それでも何も起こりません。

<div id="display_posts">


<?php //php echoes some text here ?>

</div>

CSS コードは次のとおりです。

#display_posts
{
word-wrap:break-word;
}
4

3 に答える 3

0

word-wrapには適用できませんiframe。これは完全に別のページであり、元のページのスタイルは適用されません。iframeがポイントするページのスタイルを変更する必要があります。

またid、属性は一意である必要があり、と のid="main_frame"両方に設定しています。iframediv

アップデート

word-wrap:break-allがオンの場合iframe、ページの幅がスクロール バーを導入している可能性があります。要素がページに合わせて正しく縮小されていることを確認してください。ブラウザでページをロードするとiframe、水平スクロール バーが表示されずにウィンドウ サイズを縮小できるはずです。その場合、そのページの最小幅に問題があります。

于 2013-03-26T08:04:51.550 に答える
0

同じ を定義ID 2 timesしましたが、 でIDなければなりuniqueません。2 回宣言することはできません。

だから使うclass代わりに使うID

他のページもiframe呼び出し、元のページで定義word-wrapしたため、適用されません。

于 2013-03-26T08:06:04.383 に答える
0

試す

word-break:break-word

また

word-break:break-all

ID は一意である必要があるため、ID の代わりにクラスを使用してみてください。

于 2013-03-26T08:06:52.463 に答える