html - 不变的元素宽度 HTML

Question

我有一张 table ，我已经设置了 <td>标签宽度 = 60px但是如果我放一个字符串，它的宽度会增加!我怎样才能让它完全修复？而如果这对于字符串来说很小，则只会增加它的高度，而不是它的宽度。我希望我的 table 没有宽度变化，并在每个 table 下面放几张 table 其他看起来它们只是一张 table 。

<td  style=" width="50px">

我应该怎么做才能拥有具有此属性的表？

Answer 1

使用 <col>标记并设置 table-layout:fixed <table> 上的风格

<table class="tableFixedCell">
    <col width="50px" />
    <tr>
        <td>content here</td>
    </tr>
</table>

CSS

table.tableFixedCell { 
  table-layout:fixed; 
}
table.tableFixedCell td { 
  overflow: hidden; 
}