固定柱的高度和宽度

我有一个表，如下所示：固定柱的高度和宽度

<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>

的问题是，当在任何行中的第二列的内容是略微大，第二列的宽度超过150像素，并补偿第一列的宽度减小。我怎样才能防止这种情况发生。我想宽度不改变，即使额外的文本没有显示它很好。

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

来源

2012-01-19 learning

你应该表的样式设置为固定喜欢这一点，并添加表的总宽度

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

Firefox可能不喜欢看到表格单元格中满溢长文会导致固定列宽度，以便更好地显示这个，你应该在你的CSS或当前页面上设置以下TD样式

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

来源

2012-01-19 07:22:20 GuZzie

只需将最大宽度与您的表格单元格相加即可。

来源

2012-01-19 07:18:20 QQping

首先，代码不正确。这是你的代码修正，尝试它的工作原理是什么，你也想：

<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>

将适用您的规则，网页上的所有标签，所以你不必明确的风格每一个人。

或者，你可以这样做：

<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>

你控制一个地方你的造型这样的话，而且还能够为您认为合适的将其应用到其他元素。

如果还有其他问题，请提问。

编辑：为了满足您的要求的宽度固定在额外内容的成本不显示，同时应用Guzzie和QQping的答案。虽然如果你对高度不同，你不必设置溢出：隐藏;

来源

2012-01-19 07:23:32 CodeVirtuoso

固定柱的高度和宽度

回答

相关问题