CSSで溢れたテキストを非表示にする方法

王林
リリース: 2020-11-12 14:07:41
オリジナル
2255 人が閲覧しました

CSS でオーバーフロー テキストを非表示にする方法: [text-overflow:ellipaos;] などの text-overflow 属性を使用できます。属性値 ellipsis は、オーバーフロー テキストを表す省略記号記号が表示されることを示します。 。

CSSで溢れたテキストを非表示にする方法

属性の紹介:

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

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

文法:

text-overflow: clip|ellipsis|string;
ログイン後にコピー

属性値:

CSSで溢れたテキストを非表示にする方法

#オーバーフローしたテキストを非表示にする

text-overflow:ellipaos;/*让最后一个显示部分遮掩部分的字消失,而变成三个点点的省略号*/
overflow:hidden; /*这个参数可以让超出部分隐藏起来,但是这个隐藏是一种按照宽度而来的直接隐藏*/
white-space:nowrap; /* 确保超出文字显示在一行里面*/
ログイン後にコピー

例:

{  
  width:XXpx;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
ログイン後にコピー
関連する推奨事項:

CSS チュートリアル

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!