首页 > 解决方案 > CSS如何在没有省略号的情况下截断文本(在Safari中)

问题描述

我知道我可以使用

  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;

但我不想省略号

我发现我可以输入字符串,text-overflow但它在 Safari 中不起作用。

我试过了:

text-overflow: "";

它适用于 Firefox,但不适用于 Safari

有人帮忙吗?谢谢

标签: csssafari

解决方案


因为现在只有 Firefox 支持这个功能。也可以看看:

https://caniuse.com/#feat=mdn-css_properties_text-overflow_string

你可以用text-overflow: clip强硬的省略号去掉。


推荐阅读