css 设置文字溢出部分使用省略号代替

1. 块级元素 display: block

   white-space:nowrap;			/* 文本不换行 */
   overflow-x: hidden;			/* x方向溢出部分隐藏 */
   text-overflow:ellipsis;		/* 溢出使用省略号表示 */
   

2. 内联元素，设置为内联块元素 display: inline-block

   display: inline-block;
   width: 100%;				/* 或者设置成你要的宽度 */
   white-space:nowrap;			/* 文本不换行 */
   overflow-x: hidden;			/* x方向溢出部分隐藏 */
   text-overflow:ellipsis;		/* 溢出使用省略号表示 */