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

黄舟
リリース: 2017-06-20 10:56:17
オリジナル
2154 人が閲覧しました

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 サイトの他の関連記事を参照してください。

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