CSS文本溢出使用省略号

 单行超出隐藏使用省略

max-width: 400rpx; /* 最宽400rpx */

 white-space: nowrap;  /* 不允许换行 */

 overflow: hidden;  /* 隐藏 */

 text-overflow: ellipsis;   /* 单选文本溢出使用省略号 */

 

 多行隐藏使用省略

display: -webkit-box;/* 弹性盒模型 */
-webkit-box-orient: vertical;/* 元素垂直居中*/
-webkit-line-clamp: 3;/*  文字显示的行数*/
overflow:hidden;/* 超出隐藏 */

放在text文本标签的css中，超出则进行换行换行

　word-break: break-all