要素がテキスト コンテンツを表示するのに十分な幅がない場合に、CSS を使用して (一度に文字ではなく) 単語を一度に非表示にする方法はありますか?
たとえば、次のコードでは、ブラウザ ウィンドウが狭くなって文全体が表示されたときに、Lorem ipsum dolor sit...
代わりに表示するようにします。Lorem ipsum dolor sit ame...
HTML:
<div>Lorem ipsum dolor sit amet</div>
CSS:
div { overflow:hidden; text-overflow:ellipsis; white-space-nowrap; }
(古いブラウザをサポートする必要はありません)