这种技术有一些合法的用例。 例如，您可能有一个包含标题和描述的表格。 为了为标题保留更多空间，您将小视口上的描述限制为一行，并在该项目的详细信息页面上重复该描述。
但是，我经常看到它用于按钮或表单标签等项目，以使它们看起来更好（？）或垂直对齐它们时。 但是一旦您更改视口或调整文本大小，文本的结尾就会消失。
我认为“……如果在某些情况下使用”属于那里，但如果没有它，它肯定会产生更好的博客文章标题。 正如 Eric 所说，存在截断文本的合法用例。 也许只有少数，但仍然是合法的。
最终目标是防止“丢失”数据， 这当然可以在 CSS 中发生. 无意中溢出容器的文本会丢失，因为它根本不存在。 如果该文本根本不存在，用户就会错过它，即使它是有史以来发布到网络上的最好、最精心设计的号召性用语。
Eric 指出没有办法使文本被截断 text-overflow: ellipsis 可见的。 一旦它消失了，它就消失了（尽管屏幕阅读器似乎宣布了它)。 它实际上是丢失的数据。 你可能会同意。 只要您知道正在发生的事情并且是有意的，那就太酷了。
但这就是埃里克所说的，这让我想分享这个：
不要限制内容以适应您的设计，让您的 CSS 灵活地处理较长的单词。
再说一次 可能 想要使内容符合设计。 但我可能会像埃里克一样争辩说， 设计应适应内容 而不是反过来。 我很难回忆起页面上的文本不重要或没有目的的任何情况，以至于如果在由 CSS 属性确定的任意点切断我会很酷。 也许是博客文章的存档，其中每篇文章在截断之前显示文章内容的摘录，但这并不完全是 text-overflow: ellipse.
CSS 有工具可以进行灵活的设计，以适应不同长度的文本。 所以也许会犯错 编写防御性 CSS… 预测问题并知道如何优雅地处理不同内容场景的 CSS。 text-overflow: ellipsis 可能是你的 CSS 武器库的一部分。 但也可能是把婴儿和洗澡水一起扔出去。 值得一问的是，在给它理发之前，丢失这些数据是否值得付出该内容应该做的代价。
当我们谈论截断文本时……
Line Clampin’（截断多行文本）
拥抱不对称设计
结合使用 Flexbox 和文本省略号
带有“显示更多”按钮的多行截断文本
文本溢出：省略号被认为是有害的 最初发表于 CSS技巧。 你应该 获取时事通讯.
