我想在链接上使用文本溢出属性。我为一个段落而工作,但不为链接而工作
下面是HTML代码
<;部门>;
<;ul>;
<;李>;
<;p>;文本太长</p>;
</李>;
<;李>;
<;a href=“javascript:alert('test')”>;链接太长</a>;
</李>;
</ul>;
</部门>;
以下是css代码:
a{
空白:nowrap;
宽度:50px;
溢出:隐藏;
文本溢出:省略号;
}
p{
空白:nowrap;
宽度:50px;
溢出:隐藏;
文本溢出:省略号;
}
参见上的示例http://jsfiddle.net/corinnekm/LLVDB/
非常感谢你的帮助
一个<;a>标记是一个内联元素,您只能对块元素应用省略号,请尝试a{display:block;},然后它就可以工作了