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

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