IE如何实现table，td自动换行

如果内容超长又想全部显示，该如何做呢，设置样式为：word-break:break-all;word-wrap:break-word; 一般chrome Firefox等浏览器都可以实现，但是IE却没有效果。

工具/原料

1
如果需要固定表格td 宽度，设置一个width即可，然后在设置样式：
style="word-break:break-all;word-wrap:break-word;white-space: pre-wrap; " 即可实现。
1
相关内容非法爬取自百度经验
2
如果需要表格自动调整大小，可以设置一个最小宽度和最大宽度，样式如下：
style="min-width: 300px; max-width: 800px; word-break:break-all;word-wrap:break-word;white-space: pre-wrap; "
3
完整程序如下：
<table id="reasonInfo">
<tr id="reasonInfoTr" style="display: none;">
<td width="140px">原因</td>
<td id="reason" style="min-width: 300px; max-width: 800px; word-break:break-all;word-wrap:break-word;white-space: pre-wrap; " ></td>
</tr>
<tr id="reasonInfoTr" style="display: none;">
<td width="140px">起始时间</td>
<td id="reasonTiem"></td>
</tr>
<tr id="cancleInfoTr" style="display: none;">
<td width="140px">取消时间</td>
<td id="cancleTime"></td>
</tr>
</table>
实现图如下

END

经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。

作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。

展开阅读全部