いうのが「・・・」文字を表示する擬似要素です。常に右下に張り付いて文字列の最後を隠しています。ここで問題なのが、省略する必要がない場合も右下に「・・・」が表示されてしまうということです。常に文字列の直後にひっついていて、文字列が全て表示される場合には「・・・」の上に乗っかって消してしまう役割です。等の位置指定をしないことです。した上で位置指定をしないとどうなるか・・・なんと、親要素の文章の直後にピッタリついてくるんです。要素を更にマスキングしてるんですねーうーんよくできてる。欠点もありますがウインドウ幅を変える時に気づいたと思いますが「・・・」は絶対位置で上に乗っかってるだけなので中途半端な位置でも文字列を隠します。最後の文字が半分だけ見えたりするわけです。今回の方法は、省略ができることよりも、仕組みの方に感動して紹介しました。この方法に気づいた人すげえ!です。PM実務でとても参考にさせていただきました。気になったのですが、1行ちょうどで文が収まる時に右下に...が出たままになってしまうのはやはりどうしようもないでしょうか...。解決策があればと思いコメントさせていただきました。今後ともご参考にさせていただきたいと思います。ありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。