text-overflow を使って幅固定内に文字を収める

testBase:人間は負けたら終わりなのではない。辞めたら終わりなのだ。(リチャード・ニクソン)

testClip:人間は負けたら終わりなのではない。辞めたら終わりなのだ。(リチャード・ニクソン)

testEllipsis:長すぎるテキストを指定領域に収める方法。たとえば温泉の泉質を示すAequeosalinocalcalinoceraceoaluminosocupreovitriolicという言葉はハイフネーションが効かないので困ります。


testBase:・あなたの人生をかわりに生きてくれる人はいないわ。(ドリー・パートン)・勝ちに不思議な勝ちあり負けに不思議な負けなし(松浦静山)・行き詰まるのは重荷を背負っているからではないわ。背負い方がいけないだけなの。(レナ・ホーン)

testClip:・あなたの人生をかわりに生きてくれる人はいないわ。(ドリー・パートン)・勝ちに不思議な勝ちあり負けに不思議な負けなし(松浦静山)・行き詰まるのは重荷を背負っているからではないわ。背負い方がいけないだけなの。(レナ・ホーン)

testEllipsis:・あなたの人生をかわりに生きてくれる人はいないわ。(ドリー・パートン)・勝ちに不思議な勝ちあり負けに不思議な負けなし(松浦静山)・行き詰まるのは重荷を背負っているからではないわ。背負い方がいけないだけなの。(レナ・ホーン)


testBox:・あなたの人生をかわりに生きてくれる人はいないわ。(ドリー・パートン)・勝ちに不思議な勝ちあり負けに不思議な負けなし(松浦静山)・行き詰まるのは重荷を背負っているからではないわ。背負い方がいけないだけなの。(レナ・ホーン)


testMultiEllipsis :・あなたの人生をかわりに生きてくれる人はいないわ。(ドリー・パートン)・勝ちに不思議な勝ちあり負けに不思議な負けなし(松浦静山)・行き詰まるのは重荷を背負っているからではないわ。背負い方がいけないだけなの。(レナ・ホーン)

text-flex:鳴かぬなら 鳴かせてみよう ホトトギス。鳴かぬなら 鳴かせてみよう ホトトギス。鳴かぬなら 鳴かせてみよう ホトトギス。
https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet