ホームページ > 記事 > ウェブフロントエンド > CSS はテキストの折り返しとトリミングを制御します
行の折り返しとトリミングに関するいくつかの 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 の
タグに似ていますテキストは折り返されず、テキストは
タグになるまで同じ行に残りますpre-wrap は空白シーケンスを保持しますが、通常は折り返されます (IE7 はサポートされていません)
pre-line は空白シーケンスをマージしますが、保持します改行 (IE7 はサポートされていません)
inherit 規則 ホワイトスペース属性の値は親要素から継承される必要があります (IE ではサポートされていません)
アプリケーション:
テキストのオーバーフロー表示省略記号 (...) :
text-overflow: ellipsis;
white-space: nowrap;/* 単語を改行として使用します*/ word-wrap: Break -word; word-break: 通常; /* */ に従って文字を改行として使用します
テキストは折り返されません:nowrap; 上記はエディターによって紹介された CSS コントロールのテキストの折り返しとトリミングです。ご質問があればメッセージを残してください。すぐに返信します。また、PHP 中国語 Web サイトをサポートしていただきありがとうございます。 テキストの折り返しとトリミングの CSS 制御に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。