溢出文本内容用省略号代替

默认元素不会截断单词
wite-space

• normal;默认换行方式，英文一空格处换行。
• nowrap; 不换行，所有文本显示在一行。
• word-wrap: break-word; 如果长单词超过元素，则会在边界换行。如果没有超出，则是按单词换行。
• word-break: keep-all 按单词换行，如果长单词超出元素，不会自动换行。
• break-all 按边界换行，从超出边界的位置换行。

     .box{
            width: 100px;
            height: 100px;
            border: 1px solid blue;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; /* 文本溢出显示省略号*/
        }