ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS 属性 text-overflow を使用する際の問題を解決する方法

CSS 属性 text-overflow を使用する際の問題を解決する方法

高洛峰
リリース: 2017-03-09 10:12:01
オリジナル
2355 人が閲覧しました

text-overflow: Clip | ellipsis

この属性は、複数の属性を一緒に使用する必要があります

1、overflow:hidden;
この属性は、コンテンツ領域がコンテンツを保持できない場合に実行されるべきものです。ここでは、オーバーフローした内容は直接表示されません。これは必須属性のような気がします。コンテンツのテキストがオーバーフローし、切り取られるまで表示されません。そうしないと、トリミング後もオーバーフローが表示されることになり、残念です


それから、text-overflowは機能しません。オーバーフローは依然としてオーバーフローです。 text-overflow を使用するかどうかは関係ありません。

2、white-space:nowrap;
この属性は空白操作です。これは、テキスト全体を折り返さずに表示するためです。コンテンツ全体を 1 行で表示するには、幅

3, width

で切り取ることができます。この属性は、コンテンツ領域の幅を制御します。そうでない場合、text-overflow はどこから切り詰めを開始するかを認識できません。これは私自身の理解です

CSS 属性 text-overflow の使用に関する上記の記事は、すべて編集者が共有した内容であり、皆様の参考になれば幸いです。また、皆様にも PHP 中国語 Web サイトをサポートしていただければ幸いです。 。

以上がCSS 属性 text-overflow を使用する際の問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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