react + antd 样式问题排除

antd table td内容超长突破width限制

效果如下：

原始配置：

解决方案实践：

方案1：ellipsis + Tooltip 超宽隐藏并覆层预览

方案2：原生html（搞笑的一个方案）

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

问题：限制3行，但是实际是四行然后再第三行省略。并且展示有错位。line-clamp在chrome不支持。-webkit的兼容性也不是很好。

方案4：只保留方案3的 word-break

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容