表宽度是否比指定的像素长？

Question

这是我的HTML,但当我测量最后一个td时,它的方式比300px ...任何想法？

<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

该表将扩展到其最宽元素所需的宽度."东西,某种东西,......"是一个非常长的牢不可破的词,并且强迫你的桌子比你想要的更宽.

如果添加空格,文本将换行.如果你想要剪掉长而牢不可破的单词,请尝试overflow:hidden使用该样式.

Answer 2

正如奈德所说,长话以来正在促使细胞扩张.

您可以通过添加word-wrap: break-word;表格单元格的style属性来部分解决此问题.这将导致单词在达到表格单元格的限制时中断.完全支持IE和任何支持CSS3的浏览器.