博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html文本太长显示为省略号的方法
阅读量:4572 次
发布时间:2019-06-08

本文共 276 字,大约阅读时间需要 1 分钟。

<a>元素在content比较多的情况下,显示不全,需要省略显示,并且在鼠标停留的时候有全文提示。

其实现方法是:
css
.test
{
white-space:nowrap;/*不换行*/
overflow:hidden;/**/
text-overflow:ellipsis;/*超长显示为省略号*/
}
标签的写法:
<a href="#" title="abc">content</a>
注意:一点要写title属性,该属性是提示信息。

转载于:https://www.cnblogs.com/363546828/p/4122409.html

你可能感兴趣的文章
[乐意黎原创] cuteftp 9 显示中文乱码
查看>>
操作MongoDB
查看>>
TCP的状态迁移图
查看>>
统计连接到主机前十的ip地址和连接数
查看>>
第八周学习进度
查看>>
CopyUtils 讲一个对象的全部(或部分)属性值copy给另一个对象
查看>>
caffe中各种cblas的函数使用总结
查看>>
功能性肠道疾病用药一览表
查看>>
模板页
查看>>
MySQL 5.7 reference about JSON
查看>>
十进制整数转化十六进制
查看>>
获取中文汉字字符串相应的拼音和首字母的大小写
查看>>
Bootstrap 表格
查看>>
VBA中Dictionary对象使用(Key,Value)
查看>>
Shell脚本中计算字符串长度的5种方法
查看>>
VS2017简单使用
查看>>
C++模板
查看>>
C#--正则匹配
查看>>
5.30 考试修改+总结
查看>>
BA-设计施工调试流程
查看>>