内容超出时以点点（省略号）显示

ITPOW2019/9/1 11:11:16

使用 CSS 可以实现内容超出时以点点（省略号）显示，代码如下：

li
{
    width:100px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

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

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