无论单元格中的文本数量是多少，都将表格列宽设置为常量？

在我的表中，我将列中第一个单元格的宽度设置为100px 。
但是，当此列中某个单元格中的文本太长时，列的宽度将变得超过100px 。我怎么能禁用这个扩展？

#1楼

只需添加<div>标签内<td>或<th>限定内部宽度<div> 。这会对你有所帮助。没有别的办法。

例如。

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

#2楼

我所做的是：

设置td宽度：

<td width="200" height="50"><!--blaBlaBla Contents here--></td>

使用CSS设置td宽度：
```
<td style="width:200px; height:50px;">
```

使用CSS将宽度再次设置为max和min：

<td style="max-width:200px; min-width:200px; max-height:50px; min-height:50px; width:200px; height:50px;">

它听起来有点重复，但它给了我想要的结果。要轻松实现这一点，您可能需要将CSS值放在样式表的类中：

.td_size {    
  width:200px; 
  height:50px;
  max-width:200px;
  min-width:200px; 
  max-height:50px; 
  min-height:50px;
  **overflow:hidden;** /*(Optional)This might be useful for some overflow contents*/   
}

然后：

<td class="td_size">

将class属性放置到您想要的任何<td> 。

#3楼

KAsun有正确的想法。这是正确的代码......

<style type="text/css">
  th.first-col > div, 
  td.first-col > div {
    overflow:hidden;
    white-space:nowrap;
    width:100px
  }
</style>

<table>
  <thead><tr><th class="first-col"><div>really long header</div></th></tr></thead>
  <tbody><tr><td class="first-col"><div>really long text</div></td></tr></tbody>
</table>

#4楼

如果您需要一个或多个固定宽度的列而其他列应调整大小，请尝试将min-width和max-width设置为相同的值。

#5楼

请参阅： http ： //www.html5-tutorials.org/tables/changing-column-width/

在表标记之后，使用col元素。你不需要结束标签。

例如，如果您有三列：

<table>
  <colgroup>
    <col style="width:40%">
    <col style="width:30%">
    <col style="width:30%">
  </colgroup>  
  <tbody>
    ...
  </tbody>
</table>

来源：oschina

链接：https://my.oschina.net/u/3797416/blog/3159420

标签

单元格