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

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;
}
posted @ 2020-09-09 11:41  jmwyc  阅读(315)  评论(0)    收藏  举报