html - 表格宽度比指定的像素长？

Question

这是我的 html，但是当我测量最后一个 td 时，它的长度超过了 300 像素......有什么想法吗？

<table width='400'>
    <tr>
        <th colspan='2' style='text-align:left;'><br /><br />Beginner<br /><br /></th>
    </tr>
    <tr>
      <th>Title</th>
      <th>another Deal</th>

      <th>Users</th>

    </tr>
  <tr>  
    <td>SomeDat</td>
    <td>0/38</td>
    <td style="width:300px">
        <span class="red"></span> <span class="yellow"></span></td>

  </tr>
  <tr>  
    <td>Git</td>
    <td>28/38</td>
    <td style="width:300px">
        <span class="red">something,something,something,something,something,something,something,something,something,something,something,    ,something,something,something,something,something</span> <span class="yellow">test</span></td>
  </tr>
</table>

Answer 1

表格将扩展到其最宽元素所需的宽度。 “某事，某事，...”是一个非常长且牢不可破的词，并且迫使您的 table 比您想要的要宽。

如果添加空格，文本将换行。如果你想剪辑长的牢不可破的单词，试试 overflow:hidden 样式。