文字溢出隐藏后添加省略号

当我们想让文字溢出后隐藏并添加省略号的效果

在当前容器或父容器必须要设置宽度，否则代码会失效。 

.box{
         width:50%;
         text-overflow :ellipsis;/* 文字隐藏后添加省略号 */
         white-space : nowrap;/* 强制不换行 */
         overflow : hidden;/*自动隐藏文字*/
         width: 20em;/*不允许出现半汉字截断*/
    }