antd表格宽度超出屏幕，列宽自适应失效_.ant-table table宽度超出外边框

作者：盐析白兔 | 2024-02-20 02:05:47

踩

.ant-table table宽度超出外边框

最近遇到个诡异的问题，Table用的好好的，可就有一个页面的表格显示不全，超出浏览器宽，设定表格宽度也没用。

仔细分析了用户上传展示的数据后发现，不自动换行的超宽列都是url地址，一开始还以为是地址里有不换行的转义符，查看数据后也没有。

最终发现是因为url地址被当做一个英文单词，而一个单词除非里面有连字符，是默认不换行的，中文没有这个问题。

最后在样式里面设置：


.td {
    word-break: break-all;
}

问题就解决啦

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/117876