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