例子：如图所示文字的数量大于文本的宽度，会造成文字溢出。我们想让溢出的部分变成…
    image.png

    1. p{
    2.     width: 180px;
    3.     height: 20px;
    4.     border: 1px solid black;
    5.     /* 分成三步走 */
    6.     /* 1.让文字失去换行功能 */
    7.     white-space: nowrap;
    8.     /* 2.溢出的部分隐藏 */
    9.     overflow: hidden;
    10.     /* 3.溢出的文本变成点 */
    11.     text-overflow: ellipsis;
    12. }

    实现效果：
    image.png