html - 表格单元格相等

Question

我试图使所有表格单元格都等于图像大小，但由于某种原因，它们不会被设置为它。

http://jsfiddle.net/gzkhW/

HTML(缩短了一点)

<table>
    <tr>
        <td><img src="http://i.imgur.com/CMu2qnB.png"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>

</table>

CSS

table {
    border:1px solid black;
}
td {width:206px;
    height:214px;
    border:1px solid black;
}

Answer 1

您可以使用 min-width , 设置 <td> 的最小宽度元素，代替 width ，例如:min-width:206px; (JS Fiddle demo)。

width 的问题似乎是 <table>元素尝试或被要求遵守父元素或视口(viewport)的宽度。扩大范围将允许 <td>拉伸(stretch)到指定大小的元素；否则会受到限制。 min-width通过强制最小值“解决”这个问题，从而强制<table>扩展到其父级的限制之外。