看到的: http://www.html5-tutorials.org/tables/changing-column-width/

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

例如，如果你有三列:

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

我发现凯旋的答案使用vw而不是px更好，就像这样:

< td > < div =“宽度:10大众风格 " >...............</ div > < / td >

这是我调整列宽度所需要的唯一样式

如果不想要固定的布局，请指定一个类，使列的大小适当。

CSS:

.special_column { width: 120px; }

HTML:

<td class="special_column">...</td>

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

你需要设置单元格宽度(th或td工作，我设置两者)和设置表格布局固定。出于某种原因，单元格宽度似乎只有在设置表宽度时才会保持固定(我认为这很愚蠢，但无所谓)。

此外，将overflow属性设置为hidden也很有用，可以防止任何额外的文本从表中输出。

你也应该确保所有的边界和大小都留给CSS。

好了，这是我得到的:

表{ 边框:1px纯黑色; 表布局:固定; 宽度:200 px; ｝ th, td { 边框:1px纯黑色; 宽度:100 px; 溢出:隐藏; ｝ <表> < tr > < th >头1 < / th > < th >头234567895678657 < / th > < / tr > < tr > < td >数据asdfasdfasdfasdfasdf td > < / < td >数据2道明> < / < / tr > 表> < /

在JSFiddle中

这个家伙有一个类似的问题:表单元格宽度-固定宽度，换行/截断长单词

我所做的是:

设置td宽度: <td width="200" height="50"><!——blaBlaBla这里的内容——></td> . txt 使用CSS设置td宽度: < td风格= "宽度:200 px;高度:50 px;" > 用CSS再次设置宽度为max和min: < td风格= " max-width: 200 px;min-width: 200 px;max-height: 50 px;最小高度:50 px;宽度:200 px;高度:50 px;" >

这听起来有点重复，但它给了我想要的结果。为了更容易地实现这一点，你可能需要把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>。

我在单元格中使用::after元素，我想设置一个最小宽度，而不管当前的文本，如下所示:

.cell::after {
    content: "";
    width: 20px;
    display: block;
}

我不需要在父表上设置宽度，也不需要使用表布局。