我有一张 table ：
-
第一行和列（期望原点（0; 0）单元格）包含按钮;
-
最后一行和列（期望它们的第一个相应单元格）为空;
-
中间的所有其他单元格（即不与表格边框相邻）是键;
-
表大小使用JavaScript动态更改 .
-
所有关键单元格（中间）的大小取决于它们的数量和col / row-span . 例如，对于4个水平键，如果第二个键的colspan为2，则大小为25％，50％，25％，并且第三个键不存在 .
jsFiddle你会看到更好
我希望包含按钮的 <td> 元素遵守以下约束：
-
对于水平按钮组（在第一行），一个 fixed height ，例如20像素;
-
用于垂直按钮组（在第一列上）， fixed width 与上面大小相同（这将产生方形（0; 0）单元格）;
-
第一行的最后一个按钮（class = "AddCol"）必须将 same width 作为该行中的其他按钮（事实并非如此，我不明白为什么这不是自动的......）;
-
第一列的最后一个按钮（class = "AddRow"）必须将 same height 作为该列中的其他按钮（相同） .
你知道我怎么做吗？我试图添加隐藏的内容来填充“空”单元格“，我试图强制不同元素的大小等...但我现在没有想法 .
1 回答
在
<td>元素上设置大小时尝试table-layout: fixed;.