今天在操作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;