html内容溢出部分...

首先标签必须满足不是行内标签

方法一：（单行）此方法没有任何问题

width: 38px;（需要给定宽度）
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

方法二：（多行）此方法浏览器兼容有问题，比如IE，火狐不行

width: 38px;（需要给定宽度）
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;（行数）
-webkit-box-orient: vertical;

方法三：（多行）after属性 可能在文字对齐上没有之前的优美

容器名{
　　max-height: 64px;
　　overflow: hidden;
　　margin: 5px 0;
　　word-wrap:break-word;
　　position: relative;
　　padding: 0 10px 0 0;
}
容器名:after{
　　content: "...";
　　position: absolute;
　　right: 0;
　　bottom:0;
}

转载于:https://www.cnblogs.com/zhaozhou/p/9022911.html