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

WBOY
リリース: 2016-06-24 11:20:23
オリジナル
1264 人が閲覧しました

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

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コード分析

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート