ホームページ > ウェブフロントエンド > htmlチュートリアル > Div 内の長いテキストのオーバーフローを防ぐ方法 (現在 IE ではできますが、FF ではできません)?_html/css_WEB-ITnose

Div 内の長いテキストのオーバーフローを防ぐ方法 (現在 IE ではできますが、FF ではできません)?_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:20:27
オリジナル
1367 人が閲覧しました

ページに長いテキストを表示する必要があるため、Div に次の CSS を設定します。重み:標準;

テキスト整列: 左;

ワードラップ: ブレークワード;

-moz-バインディング: url('./wordwrap.xml#wordwrap');/ *FF のみ */
word-break:break-all;
white-space: moz-pre-wrap; }

ただし、上記の CSS は IE でのみ正常に動作し、FF では同じままです。解決策としては、FF の全員がこの問題について頭を悩ませているようです。
私は次のような解決策を考えました:
1. table と div をネストし、両方を設定し、自動行折り返しを強制します。
2. を使用します。 JS へのテキストは自動的に分割されます

上記 2 つの方法が実行可能かどうか教えてください。 できない場合はどうすればよいですか?



固定幅を設定する場合は、自動的に折り返されます。

div に幅を追加し、 overflow:hidden; を追加します。
#concept{
width:900px;

color:#7a7a7a;
font-size:14px;

font-weight:normal;

ワードラップ: ブレークワード;

-moz-binding: url('. /wordwrap.xml#wordwrap' );/*FF のみ*/

word-break:break-all;

white-space: moz-pre-wrap; }

しかし、それでも効果はありません:


以下に示すように、IE では問題ありません。



div に幅を追加し、 overflow:hidden; を追加します。

overflow:hidden;
これは、表示する必要があるテキストを非表示にします。オーバーフローに

 がある場合は、それを削除してみてください 

テキスト オーバーフローが
 の影響を受けている場合は、それを削除してみてください 

それは本当です。取り外した後もオーバーフローしません。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート