1.一行显示
.xxx{
white-space:nowrap; // 强制一行显示
overflow:hidden; // 超出隐藏
text-overflow:ellipsis; // 省略号
}
2.两行显示
.xxx{
text-overflow: -o-ellipsis-lastline;
overflow: hidden; //溢出内容隐藏
text-overflow: ellipsis; //文本溢出部分用省略号表示
display: -webkit-box; //特别显示模式
-webkit-line-clamp: 2; //行数
line-clamp: 2;
-webkit-box-orient: vertical; //盒子中内容竖直排列
}
总结:
这是我平时开发中用的最多的,直接复制粘贴,好用