react + antd 样式问题排除
2021-11-04 本文已影响0人
爱回忆的小六
antd table td内容超长突破width限制
效果如下:

原始配置:

解决方案实践:
方案1:ellipsis + Tooltip 超宽隐藏并覆层预览


方案2:原生html(搞笑的一个方案)


方案3:-webkit + line-clamp + word-break


问题:限制3行,但是实际是四行然后再第三行省略。并且展示有错位。line-clamp在chrome不支持。-webkit的兼容性也不是很好。
方案4:只保留方案3的 word-break

