CSSで余分なテキストを非表示にする方法

CSS でテキストの余分な部分を非表示にする方法: [text-overflow:ellipsis;] などの text-overflow 属性を使用できます。属性値 ellipsis は、余分なテキストを表すために省略記号を使用することを示します。

属性の紹介:

text-overflow 属性は、テキストがそれを含む要素からオーバーフローした場合に何が起こるかを指定します。

(学習ビデオ共有: css ビデオ チュートリアル)

文法:

text-overflow: clip|ellipsis|string;

属性値:

• #クリップ テキストをトリミングします。

• ellipsis トリミングされたテキストを表す省略記号を表示します。

• #string 指定された文字列を使用して、トリミングされたテキストを表します。

例:

1 行のテキストのオーバーフローには省略記号が表示されます。

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

関連する推奨事項:

CSS チュートリアル

以上がCSSで余分なテキストを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。