今天在操作table的时候,发现td中的文字很长的情况下会撑开很大,比如:common_r,ad_r,anti_fraud_rw,dmp_rwcommon_r,ad_r,anti_fraud_rw,dmp_rwcommon_r,ad_r,anti_fraud_rw,dmp_rwcommon_r,ad_r,anti_fraud_rw,dmp_rw


查找资料之后发现有2中解决方式:


第一种:

在td中用div包含文字,然后设置样式word-break:

<td><div style="word-break: break-all;">{{文字}}</div></td>

第二种:

首先将table的宽度设置为100%,然后把表格的sytle的table-layout:fixed,就是表格固定宽度,就是表格即要自适应他外面的容器,也不要撑出去,然后设置td的word-wrap:break-word;