我想在链接上使用文本溢出属性。我为一段而不是一个链接工作。
这是HTML代码
<div>
<ul>
<li>
<p>the text is too long</p>
</li>
<li>
<a href="javascript:alert('test')">the link is too long</a>
</li>
</ul>
</div>
这是css代码：
a {
white-space: nowrap;
width:50px;
overflow: hidden;
text-overflow: ellipsis;
}
p {
white-space: nowrap;
width:50px;
overflow: hidden;
text-overflow: ellipsis;
}
参见http://jsfiddle.net/corinnekm/LLVDB/示例
非常感谢你的帮助。
解决方法
a< a>标签是一个内联元素，您只能将省略号应用于块元素，尝试{display：block; }它可以工作
