您可以使用省略号 (… ) 轻松截断一行文本 并使用一些其他属性。但是，正如您可能预期的那样，截断发生在文本行的末尾。如果您想在中间截断内容怎么办？
Leonardo Faria 详细介绍了 此功能的良好用例，例如在操作系统窗口中列出文件。文本行是文件名和文件扩展名。当该行被截断时，它只截断名称，始终在末尾保留扩展名。诀窍是使用 Flexbox 父元素，以便您可以在文件名部分使用溢出，但必须确保重置min-width，因为那里的自然值为min-content，这会阻止截断，这 令人困惑。