在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行时需要根据需要调整容器的高度