文本溢出:链接上的省略号

我想在链接上使用文本溢出属性。我为一个段落而工作,但不为链接而工作

下面是HTML代码

<部门>
<ul>
<李>
<p>文本太长&lt/p>
&lt/李>
<李>
<a href=“javascript:alert('test')”>链接太长&lt/a>
&lt/李>
&lt/ul>
&lt/部门>

以下是css代码:

a{
空白:nowrap;
宽度:50px;
溢出:隐藏;
文本溢出:省略号;
}
p{
空白:nowrap;
宽度:50px;
溢出:隐藏;
文本溢出:省略号;
}

参见上的示例http://jsfiddle.net/corinnekm/LLVDB/

非常感谢你的帮助

一个<a&gt标记是一个内联元素,您只能对块元素应用省略号,请尝试a{display:block;},然后它就可以工作了

发表评论