gpt4 book ai didi

php - 在椭圆形溢出文本中添加结束引号的简单方法

转载 作者:行者123 更新时间:2023-12-05 02:24:01 26 4
gpt4 key购买 nike

我有一个包含文本的 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>

是否有一种简单的方法/技术可以做到这一点,或者您是否需要创建自己的自定义省略号?

谢谢大家!

最佳答案

CSS text-overflow 可以配置自定义字符,例如:

.customEllipsis {
overflow:hidden;
white-space: nowrap;
text-overflow: '…"';
}

但是,支持是实验性的,上面的示例目前在 Firefox 中工作。

对于跨浏览器支持,您必须在服务器上修改 PHP 输出(因为问题是用 PHP 标记的)或在客户端上用 JavaScript 修改输出。

更新2015-07-29 text-overflow现在是fully supported所有现代浏览器。

更新 2016-07-01 转移到 Blink 网络引擎可能会破坏这个,因为我会在 Chrome 上测试它 - 请参阅 this Blink defect .而且它看起来不像在 Edge 中工作。

所以目前没有使用 text-overflow: <string> 的跨浏览器解决方案.情况变得更糟,因为 <string>功能被标记为“有风险”,因此如果“未找到可互操作的实现”,它可能会被删除。

关于php - 在椭圆形溢出文本中添加结束引号的简单方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16603957/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com