CSS はテキストのオーバーフローを実装し、折り返さずに省略記号を表示します

行の折り返しを行わず、オーバーフロー上に省略記号を表示しない CSS テキストを実装する方法: まず CSS スタイル シートを開き、次に属性「white-space: nowrap;」を使用してテキストが折り返されないように強制し、次に「」を使用します。 text-overflow:ellipsis;" テキスト オーバーフローを実装して省略記号を表示するだけです。

# 推奨: 「

css ビデオ チュートリアル 」

1。必須ではありません。行の折り返し

• white-space: nowrap; テキストは強制的に折り返されません;

• text-overflow:ellipsis; テキストがオーバーフローし、省略記号を表示します;

• overflow:hidden; オーバーフロー部分を非表示にします;

2. 自動行折り返し

• word-wrap:break-word;

• word-break:normal;

3. 英語の単語を強制的に改行する

ワードブレイク: ブレークオール;

以上がCSS はテキストのオーバーフローを実装し、折り返さずに省略記号を表示しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。