css 文字超出范围显示省略号
1、 超出一行显示省略号(...)
1 { 2 white-space:nowrap; 3 overflow:hidden; 4 text-overflow:ellipsis; 5 }
2、 超出两行显示省略号(...)
1 //两行或多行显示 2 .line{ 3 text-overflow: -o-ellipsis-lastline; 4 overflow: hidden; //溢出内容隐藏 5 text-overflow: ellipsis; //文本溢出部分用省略号表示 6 display: -webkit-box; //特别显示模式 7 -webkit-line-clamp: 2; //行数 8 line-clamp: 2; 9 -webkit-box-orient: vertical; //盒子中内容竖直排列 10 }