首页 > Web开发 > 详细

css中a标签内容超出最大字数隐藏处理

时间:2016-02-23 17:12:46      阅读:306      评论:0      收藏:0      [点我收藏+]

css中a标签内容超出最大字数隐藏处理

问题:a标签内容超出最大字数显示问题

1.超出是最后显示为“...”

2.鼠标放在上面显示完整内容

3.点击新窗口打开链接内容

解决方法:

css部分:

.list{font:Georgia, "Times New Roman", Times, serif;font-size:14px;width:200px;display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}

html部分:

<a class="list" title="我是1111111111111111111111111111111111111111111111111111" href="http://localhost" target="_blank">我是1111111111111111111111111111111111111111111111111111</a>

  

  

css中a标签内容超出最大字数隐藏处理

原文:http://www.cnblogs.com/harry335/p/5210540.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!