CSS文本不换行并且对溢出文本进行处理

当我们的文本过多的时候，会导致文字换行，页面布局不是很美观，这时候需要我们进行不换行，只显示一行，并且对文字进行处理。

解决方法

使用 white-space 、text-overflow 和 overflow: hidden 属性配合

/* 文本不会换行 */
white-space: nowrap;
/* 显示省略符号来代表被修建的文本 */
text-overflow: ellipsis;
overflow: hidden;

属性解释