HTML:我该怎么做...!

Question

我正在开发一个应用程序，我必须按以下结构显示用户名:

在上面的结构中，在name字段中，它可能会超出外层<div>的右边界。标记，我想在它接触右边框之前剪切名称值，并在末尾附加一个字符串“...”，如下所示

如何让它在名称字段中用于 UTF-8、unicode 或普通英文字母？

附言我正在使用 PHP 进行服务器端处理。

Answer 1

最简单的方法是在那个 div 上设置一些 CSS...

<div style="white-space:nowrap; text-overflow:ellipsis;">Er. Christopher Allen (ChristAllenMoreTextMoreText)</div>

您必须设置 white-space属性也是如此，否则你永远不会到达这个省略点。您还应该设置 overflow:hidden .

但要注意!这并非在所有浏览器中都有效。 IE7 及更高版本、Safari/Chrome 都很好。我相信它在 Firefox 中存在问题。

编辑: Here is a Firefox workaround .不过并不奇怪。