ホームページ  >  記事  >  ウェブフロントエンド  >  CSS設定の文字省略省略記号 (…)_html/css_WEB-ITnose

CSS設定の文字省略省略記号 (…)_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:20:231245ブラウズ

個人的なメモ: この記事は個人的なメモであり、詳細な説明は提供されておらず、参照のみを目的としています。

CSS で省略記号属性を適用して、トリミングされたテキストを表す省略記号 (…) を表示します。

CodePen の MOxFIVE (@MOxFIVE) の Pen text-overflow: ellipsis を参照してください。簡易分析

<span>CSS is awesome, especially when you can scroll to see extra text instead of just having it overlap other text by default.</span>

複数行を省略します

行数を指定した後、省略記号を使用してオーバーフロー テキストを置き換えます

-webkit-kernel 属性を使用して実現できます。IE および Firefox ブラウザはサポートされていません。互換性を表示するためにスタイルコード

rreee

rreeeコード分析

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。