设置表列宽度常量，而不管其单元格中的文本数量如何？

Question

设置表列宽度常量，而不管其单元格中的文本数量如何？在我的表中，我将列中第一个单元格的宽度设置为100px.但是，当列中的一个单元格中的文本太长时，列的宽度将超过100px..我怎么能禁用这个扩展？

Answer 1

我玩了一会儿，因为我搞不懂。

您需要设置单元格宽度(th或td工作，我将两者都设置为)，并设置table-layout到fixed..由于某些原因，单元格宽度似乎只有在表宽度设置好的情况下才能保持不变(我认为这很愚蠢，但是很奇怪)。

此外，设置overflow财产hidden以防止任何额外的文本从表中出来。

您应该确保所有的边缘和大小的CSS，也。

好的，下面是我所拥有的：

table {

  border: 1px solid black;

  table-layout: fixed;

  width: 200px;

}

th,

td {

  border: 1px solid black;

  width: 100px;

  overflow: hidden;

}

<table>

  <tr>

    <th>header 1</th>

    <th>header 234567895678657</th>

  </tr>

  <tr>

    <td>data asdfasdfasdfasdfasdf</td>

    <td>data 2</td>

  </tr>

</table>

这是在JSFiddle

这家伙也有类似的问题：表格单元格宽度.固定宽度，包装/截断长字

Answer 2

只要加上<div>标签内<td>或<th>定义内部宽度<div>..这会帮你的。其他什么都没用。

例如。

<td><div style="width: 50px" >...............</div></td>