方式1：这种方式就是必须要跟width搭配使用，当你使用的display:flex; 的时候可能会影响样式
200px; overflow: hidden; /*超出部分隐藏*/ text-overflow: ellipsis; /* 超出部分显示省略号 */ white-space: nowrap; /*规定段落中的文本不进行换行 */
方式2：
display : -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /*这里设置第几行显示省略号，可以设置第一行或者其他行*/
方式3：未完待续吧