禁止更改html表格中的宽度
禁止更改html表格中的宽度
提问于 2014-01-10 07:34:16
我正在尝试创建一个“固定宽度”的表，但是当列中的数据大于其他数据时，它以某种方式改变了列的宽度。
例如，下表更改了最后一个数字的宽度，即10。
<table>
<tr>
<td rowspan="3">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td rowspan="2" colspan="2">7</td>
</tr>
<tr>
<td>6</td>
</tr>
<tr>
<td>8</td>
<td colspan="2">9</td>
<td>10</td>
</tr>
</table>这是我的CSS：
table {
border: 1px solid;
width: 400px;
height: 300px;
}回答 1
Stack Overflow用户
发布于 2014-01-10 07:45:15
不要使用column-width来指定表格列的宽度--它是一个用于浏览器的suggested optimal guideline，实际上并不是用于固定宽度的布局。请改用colgroups。
删除样式表中的column-width样式，并将此样式添加到table标记中的任何tr或td标记之前：
<colgroup>
<col span="1"></col>
<col span="1"></col>
<col span="1"></col>
<col span="1"></col>
</colgroup>并将此代码添加到样式表中：
colgroup col {
width: 100px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21033440
复制相关文章
相似问题