为HTML省略号加下划线

为HTML省略号加下划线,第1张

概述我正在使用文本溢出:省略号来剪切位于锚内部的跨度内的文本.当我悬停时,省略号字符没有加下划线,这会导致一个小的间隙.有没有办法来解决这个问题? 是的,你可以这样做 – 设置text-decoration:none而不是使用border-bottom – DEMO a { display: block; width: 185px; white-space: nowrap; 我正在使用文本溢出:省略号来剪切位于锚内部的跨度内的文本.当我悬停时,省略号字符没有加下划线,这会导致一个小的间隙.有没有办法来解决这个问题?解决方法 是的,你可以这样做 – 设置text-decoration:none而不是使用border-bottom – DEMO

a {    display: block;    wIDth: 185px;    white-space: nowrap;    overflow: hIDden;    text-overflow: ellipsis;    text-decoration: none;    border-bottom: 1px solID transparent;}a:hover {    border-bottom: 1px solID #000;}
总结

以上是内存溢出为你收集整理的为HTML省略号加下划线全部内容,希望文章能够帮你解决为HTML省略号加下划线所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1080079.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存