1，单行文本：
用css3处理文字溢出必须具备四个条件
盒子必须有固定的宽度 width：300px;
设置文字不换行 white-space: nowrap;
溢出隐藏 overflow：hidden
加上css3 的 文字溢出 样式 text-overflow: ellipsis;
2，多行文本：
word-break;break-all; /** 超出容器换行 区别于 word-wrap:break-word **/
text-overflow: ellipsis; /** 文字溢出 样式 **/
display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp: 3; /** 显示的行数 **/
overflow: hidden; /** 隐藏超出的内容 **/
---end.
网友评论