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

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

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

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

查看更多关于文字溢出隐藏后添加省略号的详细内容...