文本悬停颜色-溢出:省略号在Chrome中卡住
是指在Chrome浏览器中，当鼠标悬停在文本上时，文本的颜色发生变化，同时文本内容过长时，会出现省略号(...)来表示被省略的部分。然而，在某些情况下，当文本内容过长时，省略号在Chrome浏览器中会卡住，无法正常显示。
这个问题可能是由于浏览器的渲染机制或者CSS样式设置引起的。为了解决这个问题，可以尝试以下几种方法：
- 检查CSS样式：确保文本的悬停颜色和溢出省略号的样式设置正确。可以使用Chrome开发者工具检查相关CSS样式，并确保没有冲突或错误的设置。
- 使用CSS属性-webkit-line-clamp：可以使用-webkit-line-clamp属性来控制文本的行数，并自动添加省略号。例如，设置为-webkit-line-clamp: 2;可以限制文本显示为两行，并在超出部分添加省略号。
- 使用JavaScript进行处理：可以使用JavaScript来检测文本的长度，并根据需要添加省略号。可以通过计算文本的宽度和容器的宽度来确定是否需要添加省略号，并动态修改文本内容。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CDN（内容分发网络）：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务TKE：https://cloud.tencent.com/product/tke
- 腾讯云人工智能平台AI Lab：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台IoT Hub：https://cloud.tencent.com/product/iothub
- 腾讯云移动推送信鸽：https://cloud.tencent.com/product/xgpush
- 腾讯云对象存储COS：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务BCS：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟专用网络VPC：https://cloud.tencent.com/product/vpc
相关·内容
white-space: nowrap; overflow: hidden; color: red;}
这只会在Chrome和Safari中发生，在Firefox中的工作方式和我预期的一样。如果将鼠标悬停在链接文本上，文本和省略号的颜色会按预期更改。但是，如果您随后将鼠标移到省略号上，则链接文本颜色</
浏览 14提问于2018-08-09得票数 0
必要时在每一行末尾(文本溢出)。我使用文本溢出属性的省略号值。它的工作原理是:当窗口调整大小时，“.”显示，但当表中的行包含span时，我遇到了两个问题：谢谢!
浏览 3提问于2011-11-12得票数 11
回答已采纳
1回答
我有一个段落中的文本链接，这是使用Cufon取代。由于某种原因，当我将鼠标悬停在链接上时，其中的文本会变宽，并且当我将光标移开时，文本会一直保持这种状态。添加到css中悬停的颜色更改会如预期的那样恢复。因此，据我所知，它不会“卡住”在悬停状态。
当我关闭javascript，禁用cufon时，只有悬停时字体的颜色发生了变化。在关闭javascri
浏览 0提问于2010-05-17得票数 1
回答已采纳
1回答
我有一些文本，它变成了一个可编辑的文本字段点击。文本来自数据库。溢出是隐藏的。
在悬停时，我希望所有隐藏的文本都是可见的。我使用的是span:hover {position:absolute}。它在IE、Chrome、FF上运行良好--但在Safari上就不行了。我删除了绝对定位，并添加了background-color，以查看Safari是否会对悬停做出反应。它起作用了，背景颜色变了。但是当我重新设置绝对定位时，S
浏览 3提问于2014-04-28得票数 0
9回答
有没有一种非js的方法来截断溢出的文本并附加省略号？文本溢出:省略号不适用于<select>元素(至少在Chrome中)。
浏览 3提问于2011-09-03得票数 80
回答已采纳
我需要显示省略号(...)如果文本在DIVs和SPANs中溢出。
我有一个名为text-overflow:ellipses的CSS属性。但这只在IE中有效。我想在Firefox/Chrome等其他浏览器中显示相同的内容。
浏览 0提问于2010-06-18得票数 5
回答已采纳
1回答
我有一个小问题，我在html表格中的单元格中有太长的文本，所以我在css中使用省略号上设置的文本溢出属性，就像这个来自w3c：的例子，我想知道我是否可以使例如悬停在文本末尾的3个点上的弹出窗口出现，这在没有复杂的或者我必须自己编写一段代码来显示3个点，而不是文本的其余部分，然后将悬停功能附加到它们或其他什么地方？
浏览 20提问于2017-07-09得票数 1
1回答
表示的一些数据有时可能很长，因此我想限制TSPAN元素的宽度并提供省略号，同时允许用户在文本上悬停并显示全文。最初，我试图结合文本溢出属性使用CSS，方法是将值设置为“省略”，这正是我所要寻找的行为，但它没有可用的功能(大缓冲器)，还有其他方法来限制文本的长度，并允许在诸如悬停这样的操作上显示全文吗？
浏览 0提问于2013-10-07得票数 4
回答已采纳
3回答
在页面中，左侧边栏上有一些被裁剪的链接： overflow: hidden;}不幸的是，Internet Explorer 8/9/10...：
问题不在于IE10对文本溢出的支持:省略号。例
浏览 1提问于2013-02-03得票数 28
回答已采纳
2回答
我找到了我的
只适用于Chrome和FF，我不知道为什么它对IE没有省略号效果？希望有人能帮上忙，如果你能用CSS的方式解决它就更好了。顺便说一句，div似乎在IE和Chrome上都有文本溢出:省略号效果。
浏览 5提问于2015-04-20得票数 2
我是这个领域的新手，现在我正试图通过测试来提高自己。我一直试图找出为什么我垂直和水平滚动条，从我注意到，我认为这是因为桌子。我怎么才能解决这个问题？我知道我没有很好的组织它，但我真的想解决滚动条，我也试图隐藏它的身体，但如果有人有一个较低的分辨率，总网站将不会显示。你觉得我能对他们做什么？body margin: 0; min-height: 100vh; font-family: arcon;}
/* ------ [profesoreconomist.r
浏览 3提问于2020-06-01得票数 0
回答已采纳
我在级别上应用的省略号样式在下面的片段中给出了。这是在一次-重复中。省略号对某些行显示，而对一些行不显示。我还签入了数据库，以查看来自数据库的文本是否有像br这样的html标记。
在里面，但它没有。
浏览 5提问于2017-02-14得票数 0
回答已采纳
以下文本显示在网页中。 </div>HKCR\abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnop
而不是
浏览 2提问于2014-12-05得票数 3
1回答
如何向一行中的文本添加省略号
、、、、
您可以在图1中看到这一点。但是，当我的文本扩展时，我希望文本能够通过相应地移动图标以图2所示的方式来填补中间的空白。但是，如果文本太长且溢出，我希望在文本末尾添加一个省略号，以便显示三个点(.)。我已经在文本代码中添加了文本溢出省略号，但它似乎不起作用。如果我在文本上使用扩展的小部件，
浏览 18提问于2022-07-04得票数 0
回答已采纳
我在div中有一个绑定的类，它的数据(每天)动态变化。其中一些数据超出了div的长度，会溢出。我想通过实现一个工具提示来纠正这些溢出错误。我已经有省略号了，我用css实现的。我现在想实现一个工具提示，当我移动鼠标并将鼠标悬停在使用省略号包装的文本上时，工具提示应该显示完整的文本。我在这方面做了很多研究，发现了一个死胡同，因为我还没有找到任何解释如何让工具提示处理长度可以动态变化的数据并显示其中的整个文本的方法。这就是我现在在代码<em
浏览 1提问于2017-03-25得票数 0
2回答
我用了这个 white-space: nowrap; text-overflow: ellipsis;}但是我需要跨浏览器兼容的方式
浏览 5提问于2011-05-13得票数 6
回答已采纳
1回答
我在我的GWT应用程序中有一个网格，其中有包含数据的列和行，如果每行/列的数据大小相同，它可以正常工作，但如果某些数据变得更大，我的网格的整个格式就会受到干扰。附件是我的网格截图，是否有任何解决方案，如我可以创建一个较大的文本或任何其他方式的工具提示。
浏览 0提问于2012-06-21得票数 0
回答已采纳
我试图强制小div中的段落都是一行，没有换行，并且当它们溢出div时被省略号截断。
我在white-space:nowrap;中设置了无换行，但是即使我将文本溢出设置为省略号，文本仍然溢出到div。
浏览 3提问于2013-07-18得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
