コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS設定の文字省略省略記号 (…)_html/css_WEB-ITnose

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

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

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

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

関連ラベル：
CSS 设置文本省略 ellipsis (…)
ソース：php.cn
前の記事：BootStap勉強記（つづく）_html/css_WEB-ITnose 次の記事：構成とブレンド (2)_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Scrapy: カスタム列設定を使用して CSV に保存するためのガイド つまり、基本的にはWebからデータをスクレイピングしており、プロジェクトファイルをメインのスパイダーファイルにインポートしています。データを取得してコンテナーに保存し、CSV とし...
から 2024-04-04 14:01:17
0
1
301
div を使用せずに複数のスパンクラスを同じ行に置くことは可能ですか? 各テキストに異なる色を付けたかったので、複数のスパンクラスを使用して CSS で色を設定しました。また、テキストに改行を入れたかったので、div を使用しました。このフィドルは私が...
から 2024-04-03 11:17:18
0
1
360
私のアプリはコピーしたCSSをReactのindex.cssに適用しません そこで、私はreactJSに関するYoutubeのチュートリアルに従っています。Youtuberは、CSSファイルをindex.cssにインポートするように指示しました。そうすれば...
から 2024-03-30 09:02:20
0
1
389
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート