css中a标签内容超出最大字数隐藏处理
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css中a标签内容超出最大字数隐藏处理相关的知识,希望对你有一定的参考价值。
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标签内容超出最大字数隐藏处理的主要内容,如果未能解决你的问题,请参考以下文章