ホームページ > 記事 > ウェブフロントエンド > CSS3のテキスト折り返しの使い方の紹介
1.
現在、メインストリームでサポートされています:
テキスト オーバーフローを主に解決します。
値: 省略記号文字列 (Firefox のみをサポート)
空白を使用: hidden
2、
ワードラップを使用します
値: 通常 [デフォルト値] | ブレークワード
-- 長い単語の改行
ワードブレーク
値: 通常 [デフォルト値] | | keep-all
-- 非 CJK (「中国語、日本語、韓国語」) スクリプトの改行ルール
隠しルール - デフォルト (スタイルを書かずにルールを表示):
①単語が収まりません: 新しい行を開始します。
②長い単語が長すぎて文字が連続している: 改行しないでください
③長い単語が長すぎてダッシュが含まれている: 慎重に改行してください
重要なポイント: 一般的に使用される次の 3 つのスタイルは次のとおりです。上記3つの暗黙のルール改善の違い
word-wrap:break-word 長い単語が長すぎて文字が連続している:必要に応じて区切る
--all 長い単語が長すぎる、かつ区切る: 禁止ブレーク
[変更③ 隠しルール①②は変更なし]
ワードブレーク: 単語末尾のブレークオールの単語が再生できない: 結合ブレークと長い単語が長すぎて文字が連続: 適合ブレーク
長い単語が長すぎてダッシュが含まれている: 一貫性のある区切り余白を残さずにブレイクします
以上がCSS3のテキスト折り返しの使い方の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。