Jac*_*cob 2 css php styles ellipsis quote
我有一个里面有文字的 div。如果文本溢出它的 div，它会在末尾用省略号缩短。我想要做的是在椭圆后添加双引号，使其看起来像这样：
“快哥……”
这是我的代码：
<html><body>
<div style="width: 100px;background: #CCCCCC;">
<div style="overflow:hidden; white-space: nowrap; text-overflow: ellipsis;">"The quick brown fox"
</div></div>
</body></html>
是否有一种简单的方法/技术可以做到这一点，或者您是否需要创建自己的自定义省略号？
谢谢大家！
CSStext-overflow可以配置自定义字符，例如：
.customEllipsis {
overflow:hidden;
white-space: nowrap;
text-overflow: '…"';
}
但是，支持是实验性的，上面的示例目前仅适用于 Firefox。
对于跨浏览器支持，您必须修改服务器上的 PHP 输出（因为问题是用 PHP 标记的）或客户端上的 JavaScript。
text-overflow现在所有现代浏览器都完全支持更新 2015-07-29。
2016年 7 月 1 日更新迁移到 Blink Web 引擎可能会破坏这一点，因为我会在 Chrome 上对其进行测试 - 请参阅此 Blink 缺陷。此外，它看起来在 Edge 中也不起作用。
所以目前没有使用text-overflow: <string>. 情况变得更糟，因为该<string>功能被标记为“有风险”，因此如果“找不到可互操作的实现”，它可能会被删除。
| 归档时间： |
|
| 查看次数： |
990 次 |
| 最近记录： |