ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLにおけるpタグの文字の折り返し・非折り返しと文字の非表示について詳しく解説

HTMLにおけるpタグの文字の折り返し・非折り返しと文字の非表示について詳しく解説

黄舟
リリース: 2017-07-03 13:32:31
オリジナル
7169 人が閲覧しました

Web ページをレイアウトするとき、p タグを使用します。通常、p タグには中国語のテキストや他の国のテキストが含まれます。p タグのテキストの折り返しと、折り返しを強制しない方法について説明します。テキストを非表示にします:
1. 英語の改行

Div p{ word-break:break-all; width:150px;}/*只对英文起作用,以字母作为换行依据*/
Div p{ word-wrap:break-word; width:150px;}/*--只对英文起作用,以单词作为换行依据*/
ログイン後にコピー

英語の単語は全体であり、分割できない場合があることに注意してください。 ! !
2. 中国語の改行と強制的な非改行

Div p{white-space:pre-wrap;width:150px;}/*只对中文起作用,强制换行*/
Div p{white-space:nowrap;width:10px;}/*强制不换行,都起作用*/
ログイン後にコピー

3. 強制的な非改行と幅を超えた部分的なテキストの非表示

.p5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100px;}//*不换行,超出部分隐藏且以省略号形式出现*/
ログイン後にコピー


div または p には幅が必要であることに注意してください。タグを使用して改行を許可します。それ以外の場合は効果がありません。 ! !

HTMLにおけるpタグの文字の折り返し・非折り返しと文字の非表示について詳しく解説

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

以上がHTMLにおけるpタグの文字の折り返し・非折り返しと文字の非表示について詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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