表格宽度为 100% 但不想拉伸中央单元格

Question

我有下表，它有一个跨越两行的中央图像保持单元：

<table width="100%" style="text-align:center">
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
    <td rowspan="2"><img src="http://www.skrenta.com/images/stackoverflow.jpg"/></td>
    <td>Cell 3</td>
    <td>Cell 4</td>
  </tr>
  <tr>
    <td>Cell 5</td>
    <td>Cell 6</td>
    <td>Cell 7</td>
    <td>Cell 8</td>
  </tr>
</table>

我希望表格和所有没有图像的单元格填充最大可用空间，但我希望图像单元格宽度调整为仅占用图像所需的空间。我认为这是您使用巧妙的边距值来实现效果的场景之一，但我无法弄清楚如何做到这一点。

http://jsfiddle.net/7eX4S/

TIA

Answer 1

您可以简单地分配一个太小的值（例如width="1px"）的内联宽度属性，并且容器将调整大小以适合图像。

<td rowspan="2" width="1px"><img src="http://www.skrenta.com/images/stackoverflow.jpg"/></td>

http://jsfiddle.net/KRL9v/