0

我有下面的嵌套表，并且正在使用 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 元素的情况下做到这一点？ 在此处输入图像描述

4

2 回答 2

1

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

见http://jsfiddle.net/uAhN8/

于 2013-08-20T13:29:30.347 回答
0

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

max-width: 100px;

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

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

于 2013-08-20T13:28:13.990 回答