如何让HTML表格内图片保持统一尺寸？设置width无效求助

你设置的width和height属性不生效，大概率是被CSS样式覆盖，或是图片的自适应规则优先级更高。以下是几种直接有效的解决方法：

方法1：用CSS强制统一尺寸（推荐） #

给表格内的图片添加针对性CSS规则，确保优先级足够：

/* 针对表格里的所有图片 */
table img {
  width: 120px; /* 替换成你需要的宽度 */
  height: 120px; /* 替换成你需要的高度 */
  object-fit: cover; /* 保持图片比例，裁剪多余部分避免变形 */
  /* 可选：若需完整显示图片，用object-fit: contain; 但会留空白 */
  object-position: center; /* 让图片在容器内居中显示 */
}

如果全局CSS存在img { max-width: 100%; height: auto; }这类自适应规则，会覆盖你设置的高度，需在表格图片的规则里重置：

table img {
  max-width: none; /* 取消全局的max-width限制 */
  width: 120px;
  height: 120px;
  object-fit: cover;
}

方法2：使用内联样式 #

直接在img标签里写style属性，优先级高于外部CSS（除非外部用了!important）：

<td>
  <img src="your-image-url.jpg" 
       style="width:120px; height:120px; object-fit:cover;" 
       alt="图片描述">
</td>

方法3：配合表格单元格尺寸 #

若单元格被图片撑开导致尺寸混乱，可给单元格也设置固定尺寸：

table td {
  width: 120px;
  height: 120px;
  overflow: hidden; /* 防止图片超出单元格边界 */
}

内容的提问来源于stack exchange，提问作者Krystel_T