CSS：三个步骤让溢出的文字以省略号…显示

让溢出的文字以省略号显示一共分为三步：
第一步 强制让文字在一行显示：

/*强制让文字在一行内显示*/
white-space:nowrap;

white-space我们通常使用于强制一行显示内容，它有两个值

/*默认处理方式，不会强制一行显示*/
white-space:normal;
/*强制在一行显示文字，直到文字结束或通过br换行*/
white-space：nowrap;

第二步 超出的部分让它隐藏

/*将溢出/超出的部分隐藏*/
overflow:hidden;

第三步 用省略号来代替超出的部分

text-overflow:ellipsis;

text-overflow文字溢出，有两个值：

/*不显示省略号，而是最简单的裁切*/
text-overflow:clip;
/*当对象文本溢出时显示省略号…*/
text-overflow:ellipsis;

注意
一定要先强制一行内显示，然后在和overflow属性搭配使用。