- .one-row{
- width: 100%; /*注意一定要有宽度*/
- overflow:hidden; /*超出的部分隐藏起来。*/
- white-space:nowrap;/*不显示的地方用省略号...代替*/
- text-overflow:ellipsis;/* 支持 IE */
- }
- .two-row{
- width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- word-break: break-all; // 注意这个文字多行很重要
- -webkit-box-orient: vertical;
- }
|