ホームページ  >  記事  >  ウェブフロントエンド  >  CSS3のテキスト折り返しの使い方の紹介

CSS3のテキスト折り返しの使い方の紹介

高洛峰
高洛峰オリジナル
2017-03-23 10:26:522927ブラウズ

1.

現在、メインストリームでサポートされています:

テキスト オーバーフローを主に解決します。

値: 省略記号文字列 (Firefox のみをサポート)

空白を使用: hidden

2、

ワードラップを使用します

値: 通常 [デフォルト値] | ブレークワード

-- 長い単語の改行

ワードブレーク

値: 通常 [デフォルト値] | | keep-all

-- 非 CJK (「中国語、日本語、韓国語」) スクリプトの改行ルール

CSS3のテキスト折り返しの使い方の紹介

隠しルール - デフォルト (スタイルを書かずにルールを表示):

①単語が収まりません: 新しい行を開始します。

②長い単語が長すぎて文字が連続している: 改行しないでください

③長い単語が長すぎてダッシュが含まれている: 慎重に改行してください

重要なポイント: 一般的に使用される次の 3 つのスタイルは次のとおりです。上記3つの暗黙のルール改善の違い

word-wrap:break-word 長い単語が長すぎて文字が連続している:必要に応じて区切る

--all 長い単語が長すぎる、かつ区切る: 禁止ブレーク

[変更③ 隠しルール①②は変更なし]

ワードブレーク: 単語末尾のブレークオールの単語が再生できない: 結合ブレークと長い単語が長すぎて文字が連続: 適合ブレーク

長い単語が長すぎてダッシュが含まれている: 一貫性のある区切り余白を残さずにブレイクします

以上がCSS3のテキスト折り返しの使い方の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。