1.一行文字超出点点点
/* 一行文字超出点点点 */
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
2.多行文字超出点点点,我现在是两行
/* 两行文字超出点点点 */
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
注意:对应点点点容器,需要宽度的限制才ok!
复制粘贴:
.wordhid{ word-wrap: break-word; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}