1. ホーム
  2. Web制作
  3. HTML/Xhtml

HTMLのテキスト外表示省略... テキストオーバーフローの実装

2022-01-14 07:43:32
divとspanの両方にCSSを適用する必要がある。
コピーコード
コードは以下の通りです。

text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;

希望するオーバーフローテキスト表示省略の効果が得られます。
もちろん、ページ要素は固定幅に設定する必要があり、それを超えると表示されます。