ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS はテキストの折り返しとトリミングを制御します

CSS はテキストの折り返しとトリミングを制御します

高洛峰
リリース: 2017-02-28 14:08:27
オリジナル
1800 人が閲覧しました

行の折り返しとトリミングに関するいくつかの CSS プロパティ

word-wrap:normal |break-word

normal 通常の改行、長い単語や長い数字などのコンテンツがコンテナを分割する可能性があります
break-word to 単語は改行の基礎として使用されます。必要に応じて、単語内での改行が許可されます

word-break:normal | keep-all

normal など、コンテンツはコンテナを分割できます。長い単語または長い数字として

break -all は改行として文字を使用します

keep-all は中国語と英語の通常と同じです

white-space:normal || pre-line || pre-wrap || 継承

通常のデフォルト値、空白はブラウザによって無視されます

pre 空白はブラウザによって保持され、その動作は HTML の

1

2

3

4

5

6

7

8

9

10

11

12

13

タグに似ています<p></p>

<p>テキストは折り返されず、テキストは <br> タグになるまで同じ行に残ります</p>

<p>pre-wrap は空白シーケンスを保持しますが、通常は折り返されます (IE7 はサポートされていません)</p>

<p> pre-line は空白シーケンスをマージしますが、保持します改行 (IE7 はサポートされていません)</p>

<p>inherit 規則 ホワイトスペース属性の値は親要素から継承される必要があります (IE ではサポートされていません) </p>

<p> アプリケーション: </p>

<p><strong><span style="color:#ff0000"> テキストのオーバーフロー表示省略記号 (...) : </span></strong></p>

<p>text-overflow: ellipsis; <br>white-space: nowrap; <br></p>

<p><strong>/* 単語を改行として使用します*/ <span style="color:#ff0000">word-wrap: Break -word; </span>word-break: 通常; </strong>/* */ に従って文字を改行として使用します </p>

<p><br><br> テキストは折り返されません: <br><br></p>

<p> nowrap; <strong><span style="color:#ff0000">上記はエディターによって紹介された CSS コントロールのテキストの折り返しとトリミングです。ご質問があればメッセージを残してください。すぐに返信します。また、PHP 中国語 Web サイトをサポートしていただきありがとうございます。 </span></strong>テキストの折り返しとトリミングの CSS 制御に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。 </p>

<p></p>

<p></p>

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