完美解决table中td里面的内容自动换行2018-08-03 11:50
对于将td里面的内容自动换行，在很久以前就遇到的了，但是一直没有完美的解决。
今天要打印一个报表，有一列中的内容太长，将table撑得老长实在是影响观感。
于是下决心一定要解决td内容自动换行的问题。
网上有很多说可以解决的，大致有以下几种。
1、在table中加table-layout:fixed;
2、在td中加word-wrap:break-word;word-break:break-all;
但是都能不解决问题。
解决方法如下：
在显示长内容的td里面将内容放在div标签里面。
给div标签加样式
style="width:100%;white-space:normal;word-wrap:break-word;word-break:break-all;"
实例如下： html代码
.warp{width:100%;white-space:normal;word-wrap:break-word;word-break:break-all;}
| 订单编号 | 回团日期 | 买家昵称 | 宝贝属性 | 实付款 | 已收款 | 成本价(RMB) | 接单人 |
| ZH | 2018-08-25 | XP丐帮帮主 | 布先生 字母印花 新品短袖男 潮流印花圆领男士上衣 |
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/50457.html