如何让HTML表格四列等宽并保持图片响应式统一尺寸 返回列表

table {
  border-collapse: colla
pse;
  width: 100%;
  table-layout: fixed; /* 启用固定布局，使 width 值生效 */
  border: none;
}

/* 推荐：为所有单元格统一设宽（含表头 th）*/
table th,
table td {
  width: 25%;           /* 四列严格等分 */
  padding: 8px 12px 8px 0;
  box-sizing: border-box; /* 确保 padding 不影响 25% 宽度计算 */
  overflow: hidden;
}

/* 图片统一响应式控制：等比缩放 + 固定宽高比 */
img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;     /* 防止拉伸变形，裁剪适配 */
  border-radius: 4px;
  aspect-ratio: 16/9;    /* 现代浏览器支持；旧版可配合 max-height/min-height 回退 */
}

⚠️ 注意事项：

• 移除 HTML 中已废弃的 cellspacing="0" 属性，改用 border-collapse: collapse 控制间距；
• 若需兼容较老浏览器（如 IE），aspect-ratio 可替换为容器包裹 + padding-top: 56.25%（16:9）的「垂直 padding 技巧」；
• 强烈建议为