1、宽度限制,超出显示 ……
{
width:400px;/*要显示文字的宽度*/
text-overflow :ellipsis; /*让截断的文字显示为点点。还有一个值是clip意截断不显示点点*/
white-space :nowrap; /*让文字不换行*/
overflow : hidden; /*超出要隐藏*/
}
2、行数限制,超出显示 ……
1) 显示一行
{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
2) 显示两行
{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;(行数)
-webkit-box-orient: vertical;
}