表格td单元格中放置生成的二维码显示之后，td单元格设置的宽度失效

当在表格`<td>`单元格中插入生成的二维码图片时，由于二维码通常不是固定尺寸，它们可能会填充其容器的宽度，这可能导致原本为该单元格设定的宽度失效。图片会根据内容大小自动调整，而不是受限于单元格的预设宽度。

为了避免这种情况，你可以尝试以下几种解决方案：

1. **百分比宽度**：使用百分比宽度而不是像素宽度，这样可以让单元格根据容器自适应调整。

<td style="width: 10%; display: inline-block;">
   <img src="your_qrcode_url" alt="二维码" style="max-width: 100%;">
</td>

这里设置了10%宽度，并限制了图片的最大宽度为100%，这样图片不会超出单元格宽度。

2. **固定最小宽度**：如果需要保持一定的最小宽度，可以设置一个最大宽度，并且允许图片在其基础上自由缩放。

<td style="min-width: 80px; max-width: 160px;">
   <img src="your_qrcode_url" alt="二维码" style="width: 100%; max-width: 100%;">
</td>

这样保证了最小宽度，图片宽度不超过 td 的最大宽度。

3. **CSS Grid 或 Flexbox**：利用 CSS Grid 或 Flexbox 可以更精确地控制单元格内的布局，避免宽度冲突。

table {
  display: grid;
}

td {
  grid-template-columns: min-content auto;
}

这将让每个单元格的第一个列适应内容（包括二维码），第二个列则按常规内容处理。