使用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;
}

我做错了什么？

更新：如果没有受到影响，任何方法都可以做到这一点？

Answer 1

您应该使用table-layout:fixed;作为表的css property-value-pair。然后在此表的tds上使用overflow:hidden。

请参阅http://jsfiddle.net/uAhN8/

Answer 2

你必须给它一个最大宽度。这对我有用。

max-width: 100px;

/* additional */
word-wrap: break-word;
overflow: hidden;

Break-word表示文本将换行到下一行。我不知道你是否需要它。