Question

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

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

尝试根据需要为表格样式添加一些宽度

width:2060px;

height:2140px;

例如，您可以自定义此值以修复表格单元格，希望我帮助您...

Answer 2

您可以使用min-width来设置<td>元素的最小宽度，而不是width，例如：min-width:206px;（JS Fiddle demo ）。

width的问题似乎是<table>元素尝试或被认为是尊重父元素或视口的宽度。使这更宽，将允许<td>元素伸展到指定的大小;否则它会受到限制。 min-width＆＃39;解决问题＆＃39;这是通过强制的最小值，从而迫使<table>扩展到其父级的约束之外。

表格细胞相等

2 个答案: