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

时间:2020-09-09 11:41:00 来源:互联网 热度: 作者: 佚名 字体:

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;
}