ホームページ > ウェブフロントエンド > CSSチュートリアル > Firefox css_Experience 交換で自動行折り返しを実装する方法

Firefox css_Experience 交換で自動行折り返しを実装する方法

WBOY
リリース: 2016-05-16 12:05:08
オリジナル
2091 人が閲覧しました

IE を直接使用します:
word-break:break-all; /*単語内での改行を許可します*/
word-wrap:break-word; /*コンテンツは境界内で折り返されます*/
/ *必須 デフォルトは次のとおりであることに注意してください: */
word-wrap:normal /*コンテンツが指定されたウィンドウ境界を開くことを許可します*/
ただし、Firefox には適切な実装方法がありません。妥協策としては、次のような方法があります。スクロールバーはありませんが、インターネット上では js を利用して改行を判定する方法も提案されていますので、ここに抜粋します(インターネットより転載、説明します)。 JavaScript コピー コード
<script>     <BR>function toBreakWord(intLen, id){     <BR>    var obj=document.getElementById(id);     <BR>    var strContent=obj.innerHTML;      <BR>    var strTemp="";     <BR>    while(strContent.length>intLen){     <BR>        strTemp+=strContent.substr(0,intLen)+"<br>";      <BR>        strContent=strContent.substr(intLen,strContent.length);      <BR>    }     <BR>    strTemp+= strContent;     <BR>    obj.innerHTML=strTemp;     <BR>}     <BR></script>
注: 上記のスクリプトは の前に配置されています。

同じページ上の単一呼び出し:

ここ これは改行を適用するコンテンツです
<script>toBreakWord(60, "content");</script>
同じページ上の複数の呼び出し:

これは改行を適用するコンテンツですブレークを適用する必要があります
<script>toBreakWord(60,"content");</script>
行折り返しを適用するコンテンツは次のとおりです
<script>toBreakWord(60,"content2");</script>

注: の後ろにアプリケーション JS を記述します。 , ここで、60 は 1 行に表示する文字数を示します。複数の呼び出しが行われた場合は、対応する ID の変更に注意してください。同じ ID 名は使用できません。上記の方法を適用すると、IE も次のように折り返されます。文字数を設定します。ただし、IE は自動行折り返しをサポートしているので、IE であるかどうかを判断してください。そうでない場合は、IE は上記の XML/HTML コピー コードを出力しません
<script>toBreakWord(60, "content");</script>
そうでない場合は、この JS を出力します。コードはテストされていません。アイデアを読んだだけです。必要に応じて自分でデバッグしてください。間違いがある場合はメッセージを残してください。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート