長い文章を途中から三点リーダーにしたい

Question

前提・実現したいこと

長い文章を表示するとき、途中から三点リーダーを表示したい

ここに質問の内容を詳しく書いてください。
このサイトを参考に、長い文章を表示するときは三点リーダーを末尾につけようとしています。しかし表示されず困っています。

発生している問題・エラーメッセージ

三点リーダーが表示されない

該当のソースコード

<div class="long-text">
  <p>長すぎて入りきらなかったテキストが入ります。</p>
</div>

.long-text{
  overflow: hidden;
  width:100%;
}
.long-text p{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

Answer 1

動作はしています。画面の幅を小さくしたり、

.long-text{
  overflow: hidden;
  /*width:100%;*/
　width:50px;
}

など横幅を調整してみてください。

Comments

[退会済みユーザー]

解決しました　ありがとうございます

Answer 2

されてますけど？ width:100%でも width:300pxでも３点リーダーになりました

キャッシュクリアはしましたか？

Answer 3

出てますよ。

単に試された文章が「文章の親の幅に対して短かった」だけかと思います。