文字溢出隐藏并以...展示

1、单行文字超出以...展示

overflow: hidden;/* 溢出隐藏 */ 

word-break: keep-all; /* 不换行 */

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

text-overflow: ellipsis;  /* ...代替隐藏的内容 */

2、两行文字超出以...展示

display: -webkit-box;

overflow: hidden;

white-space: normal;

text-overflow: ellipsis;

word-wrap: break-word;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

注：需要标明盒子宽(width)