Css 固定列高和列宽

我的桌子如下：

<table>
<tr style ="height: 10px;" >
<td style="width: 200px, height : "10px;"> </td> <td style="width: 200px , height : "10px;"> </td> <td style="width: 200px , height : "10px;"> </td> <td style="width: 200px , height : "10px;"> </td>    

</tr>
</table>

问题是，当任何行的第二列中的内容稍大时，第二列的宽度超过150px，并且为了补偿第一列的宽度而减小。我怎样才能防止这种情况发生。我希望宽度不会改变，即使没有显示额外的文本也没关系

---

我还希望行和列的高度为3行文本，高度固定。

只需将最大宽度添加到表格单元格中。

您应该将表格的样式设置为这样固定，并添加表格的总宽度

<table style='table-layout:fixed' width='300px'>

Firefox可能不喜欢看到长文本溢出的表格单元格，因为它们的列宽是固定的，为了更好地显示这一点，您应该在css或当前页面上设置以下TD样式

<style>
 td {overflow:hidden;}
</style>

td{溢出：隐藏；}

首先，代码不正确。下面是您的代码更正，请尝试是否按您希望的方式工作：

<table>
<tr style="height: 10px;" >
<td style="width: 200px; height:10px;"></td>
<td style="width: 200px; height:10px;"></td>    
<td style="width: 200px; height:10px;"></td>
<td style="width: 200px; height:10px;"></td>
</tr>
</table>

第二，你设计样式的方式很老派，对你来说很难，试着创建一个CSS类，然后你可以将它应用到每一个元素，不需要重复规则。事实上，如果这将是您页面上的唯一表格，您可以在头部中放置类似的内容：

<style type="text/css">
td {
width: 200px;
height:10px;
}
</style>

运输署{
宽度：200px；
高度：10px；
}

这将把您的规则应用于页面上的所有标记，所以您不必显式地为每个标记设置样式

或者你可以：

<style type="text/css">
.exampleclass {
width: 200px;
height:10px;
}
</style>


<table>
<tr style="height: 10px;" >
<td class="exampleclass"></td>
<td class="exampleclass"></td>    
<td class="exampleclass"></td>
<td class="exampleclass"></td>
</tr>
</table>

.示例类{
宽度：200px；
高度：10px；
}

通过这种方式，您可以从一个位置控制样式，也可以根据需要将其应用于其他元素

如果还有别的事，就直接问吧

编辑：为了满足您的要求，即宽度是固定的，而额外的内容不会显示，请应用Guzzie和QQping的两个答案。虽然如果你可以改变高度，你不必设置overflow:hidden