css实现一行文本,超过以省略号替代。

  • A+
所属分类:Web前端

css 实现一行文本、两行文本

.onerow{   overflow:hidden;   width: 100%;   display:inline-block;   text-overflow:ellipsis;   white-space:nowrap;   word-break: break-all; } .onerow2{   overflow: hidden;   text-overflow: ellipsis;   display: -webkit-box;   -webkit-box-orient: vertical; // webkit内核的浏览器和手机浏览器   -webkit-line-clamp: 1; } .onerow3{   overflow: hidden;   text-overflow: ellipsis;   display: -webkit-box;   -webkit-box-orient: vertical;   -webkit-line-clamp: 2; }