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的浏览器中完全支持。

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

2 个答案: