php - 长名称（PHP）的问题：如何在固定空间长度的末尾放置 3 个点（…）

Question

我们在网站上显示时遇到困难LONG NAMES，急需帮助。

我们实际上需要将 IMAGE NAMES 放在具有FIXED WIDTH. 因为图像名称有时比图像宽度长，我们不想在太多行上显示完整的名称，因为它看起来不好看。

然后，我们要么希望在最多 1 行（或 2 行）上显示名称（取决于页面）。

当名称长于 1（或 2）行时，我们想剪切图像名称并在行尾放置 3 个点（...），以便第三个点到达图像的末尾。

我们试图找到一个解决方案，但定义字符串长度不是其中之一，因为如果我们定义例如 10 个字符的限制，然后在后面加上 3 个点，它不会解决问题，因为所有字符都没有相同的长度：

示例 1：AAAAAAAAAA

示例 2：IIIIIIIII

这个解决方案是不合适的，因为 3 个点永远不会放在同一个地方（在图像的末尾）

有没有人有办法解决吗？

我们非常感谢您的帮助。

非常感谢。

score 1 · Accepted Answer

PHP 作为一种服务器端语言，无法知道浏览器将如何呈现文本。CSS 解决方案更可行：

div.picture-name{
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

看到它在行动。

PS 不能保证 IE 支持text-overflow: ellipsis.

score 0 · Accepted Answer

我知道这不是最好的选择，但是您可以将每个字符放在 div 或 span 中，然后您可能可以控制刺痛的长度。

2 回答 2