CSSのワードブレーク属性の具体的な使い方を紹介

Web ページ内のテキストを処理するときにさまざまな改行が発生します。では、ページ要素はどのような状況で改行を行うのでしょうか。この改行は、word-breakコードを通じて正確に制御できます。

構文:

word-break : normal | break-all | keep-all

パラメータ:

normal: アジア言語と非アジア言語のテキストルールに従って単語内の改行を許可します。
break-all: この動作は、アジア言語の通常と同じです。非アジア言語のテキスト行の任意の単語内での区切りも許可されます。この値は、アジア以外のテキストを含むアジアのテキストに適しています
keep-all : すべての非アジア言語の通常と同じです。中国語、韓国語、日本語の場合、単語の区切りは許可されません。少量のアジア語テキストを含む非アジア語テキストに適しています

説明:

オブジェクト内のテキストの単語内折り返し動作を設定または取得します。特に複数の言語が登場する場合。
中国語の場合は、ブレークオールを使用する必要があります。
対応するスクリプト機能はwordBreakです。私が書いた他の本もご覧ください。

例:

div {word-break : break-all; }

アプリコード。テスト要素内の単語区切りのパラメーターを決定しました。

p.test {word-break:hyphenate;}

ブラウザのサポートに関して言えば、ワードブレークは依然として要件を十分に満たしています。ほとんどのブラウザはこのコードをサポートしています。

ワードブレイクの使い方。デフォルト値は通常です。継承性は Yes です。 バージョンは CSS3

java を使用します。object.style.wordBreak="keep-all"この Java ステートメントでは、別のパラメーター値を指定します。

コードの構文。

word-break: normal|break-all|keep-all;

このコードには 3 つの異なる状況があります。 Normal はブラウザのデフォルトです。ブレークオールは単語内の改行です。 keep-all は半角スペースまたはハイフンです。

スタイルのプロセスでは、学習者が比較できる 2 つの異なる方法を提供します。同時に外枠の定義も同時に有効になっていることが分かります。

以上がCSSのワードブレーク属性の具体的な使い方を紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。