内容超出时以点点(省略号)显示

作者:vkvi 来源:千一网络(原创) 日期:2019-9-1

使用 CSS 可以实现内容超出时以点点(省略号)显示,代码如下:

如上代码,li 中的文字超出时,将以 ... 显示。li 中包含 a 也是能够实现的,核心是 text-overflow:ellipsis;(CSS 3 内容)。但是如果 a 是 display:block; 的,则无效,这种情况下,我们应该对 a 写上面的 CSS。

也就是说要实现点点效果的元素必须是 block 的,同时其内部不能再有 block 的元素。

相关文章
文章评论