文字内容超长时折叠为省略号

在table中有些比较重要的信息需要尽量显示完整,这需要对整体的table中td宽度进行分配。但是不能无限兼容重要信息而忽略整个table整体布局,就要求可以使其中td在超过的时候折叠起来,代码是:

td {//这里td只显示一行,所以与td的宽度关联
   min-width: 230px;
   max-width: 687px;
   text-overflow: ellipsis;
   overflow: hidden;
}

  设置文本显示的行数可以添加:

  -webkit-line-clamp: 3; /*设置文本显示3行*/
显示3行时需要根据需要调整容器的高度
posted @ 2020-09-28 14:38  轻染  阅读(395)  评论(0编辑  收藏  举报