php - 使用PHP输入文本时防止表格扩展

Question

我有下面的嵌套表格，我正在使用 PHP 设置其中一个 tds 的文本内容。一切正常，除了当文本超过表格大小时表格会扩展。我想阻止这种情况，但 style="overflow:hidden" 似乎不起作用。

<table id="mainEditTable" style="overflow:hidden" width="826px" border="0" cellpadding="5">
  <tr>
    <td class="mainEntryRowVis" id="guestEntries1"><table style="overflow:hidden" class="gstTblPad" width="100%" border="0" cellpadding="0">
        <tr>
          <th width="100%" scope="col">Delete old GDOCS</th>
        </tr>
        <tr>
          <td class="nmBldrEntry" onclick="selectText('nbe1');" id="nbe1"><?php echo $_POST["deleteGdocs"];?></td>
        </tr>
      </table></td>
  </tr>
</table>

这是设置为 td >IR#31.XX#32.XX#39.XX#310.XX#33.XX#34.XX#311.XX#312.XX#的文本35.XX#36.XX#313.XX#314.XX#37.XX#38.XX#315.XX#316.XX#5NAMEBUILDER#ER

下面是直接影响表格的 CSS 类:

.gstTblPad th{
    background-color: #D2D0D0;
    color: #666;
    padding:5px; 
}


.mainEntryRowVis{
    border: thin solid #999;
    padding: 0px;
    overflow:hidden;
    table-style:fixed;
}

.nmBldrEntry{
    padding: 15px;
}

我做错了什么？

更新:有什么方法可以在不影响 th 元素的情况下做到这一点？

Answer 1

您应该使用 table-layout:fixed; 作为表格的 css 属性值对。然后在这个表的 tds 上使用 overflow:hidden。

参见 http://jsfiddle.net/uAhN8/