文本内容溢出显示省略号

方法很简单，就一个属性。

实例

<div class="userName">testUser132123132</div>

.userName {
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;

    /* 2019-08-27更新：在谷歌浏览器时添加：white-space: nowrap;，之前是在IE11  */
    white-space: nowrap; 
}

效果

2019-08-27更新：