如何设置表格单元格的最大宽度？

Question

看看这段代码：

＆＃13;

＆＃13;

#test {
  width: 20%;
  word-break: break-all;
}

＆＃13;

<table>
  <tr>
    <td id="test">
      <ul>
        <li>HiByeHiByeHiByeHiByeHiByeHiByeHiByeHiByeHiByeHiByeHiByeHiBye</li>
      </ul>
</td>
      <td>
        Box 2: Where is its 80% width?
      </td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

如何为#test设置超长字符串 的最大宽度为20％？如果我为第二个td设置宽度，它将无法正常工作！

===

问题解决了：

行word-break: break-all将起作用。谢谢你的帮助！

Answer 1

使用CSS属性word-wrap和word-break，如下所示：

＆＃13;

＆＃13;

#test {
  width: 20%; 
  word-break: break-all;
  word-wrap: break-word;
}

＆＃13;

<table>
  <tr>
    <td id="test">
      <ul>
        <li>HiByeHiByeHiByeHiByeHiByeHiByeHiByeHiByeHiByeHiByeHiByeHiBye</li>
      </ul>
</td>
      <td>
        Box 2: Where is its 80% width?
      </td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;