完美解决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