使用td中的div修复表行高

Question

我有一张桌子。有些td是空的，有些看起来像这样：

<td><div class='divintd'>+</div></td>

非空td的行调整其高度和宽度。我从StackOverflow存档中发现将td放在div中是唯一的选择。我实现了这里建议的代码：How to fix height of TR?， 但我的桌子仍然搞砸了。我做错了什么，我该如何解决这个问题？ CSS：

table td {
    width: 4px;
    height: 4px;
}

.divintd {
    width: 100%; 
    height: 100%; 
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
}

Answer 1

第一次改变

<td><div class='divintd'>+</div></td>

到

<div class='divintd'><td>+</td></div> 

.divintd td {
    width: 100%; 
    height: 100%; 
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
}