|
比如，
我们使用 Material UI 构建前端项目，有一个需求是当文本过长且需要截断时，在文本中间显示省略号（…）。对的，是在中间，不是 CSS 的在末尾。
Google 了，但未能找到合适的解决方案。
然后我尝试使用 Cursor AI 。写了一个 proto type 使用 Typography of Material UI ，在静态情况下工作正常，如图。（简单情况）
但如果我拖动来调整容器的大小，它就会变得混乱并无法正常工作。（复杂工况）
要知道，这还没有算上 localization ，density ，等等更复杂的情况。(char size 会不一样）
我还尝试了其他工具，如 ChatGPT 4.0 和 Perplexity AI ，这些都无法解决这个问题。此外，我还查看了 CSS issue 里面提到了把 ellipsis 添加到中间的 css style 设计，但没有确定什么时间能够放进去。已经讨论了好多年了......
code: https://github.com/alexya/text-truncation
哎~ 不知道有没有兄弟姐妹碰到过，你们怎么解决的？
| 
