前端学习之**溢出文字省略号显示**

前端学习

前端学习之溢出文字省略号显示

一、单行文本溢出省略号

1. 先强制一行内显示文本；
2. 超出的部分隐藏；
3. 文字用省略号替代超出的部分；

/* 1.这个单词的意思是如果文字显示不开也***必须强制一行内显示*** */
     white-space: nowrap;
/* 2.溢出的部分隐藏起来 */
     overflow: hidden;
/* 3. 文字溢出的时候用省略号来显示 */
     text-overflow: ellipsis;

其中注意一下两者的区别：