如何使用 css 设置文本格式，使其不会中断省略号

Question

我的设置是我在div元素中有一个段落元素，如下所示：

<div class="c1">
  <p class="c2">
    Text dsfjlkdjf kljds flkdsj flkdjf slkdf
  </p>
</div>

我已经对它应用了一些 css 属性，这些属性使用空格 nowrap 和文本溢出：省略号强制文本到 1 行上。

问题是当要显示的最后一个单词太长时，一些字符会显示省略号，例如"abcd..."。有没有办法防止这种情况？我尝试应用各种属性，例如自动换行，溢出换行等，但没有运气。

Answer 1

我不太明白你的问题，但试试这个：

.c2{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75ch; //this unit catch the max character in width 
}