我希望使HTML表格的所有单元格都可点击 - 即从锚点标记链接处于活动状态 - 从单元格内的任意点开始。问题在于单元没有内容。我们只是简单地使用HTML表格通过着色每个单元格的背景来直观地表示数量。要包含锚标记的单元格,但锚标记之间没有内容。在HTML表格中单击“空”单元格
下面是三个表格的例子。在第一个表中,没有定义单元的尺寸。在第二个表中,定义了最小尺寸。在第三个表中,显式定义了宽度和高度。在每个表的第一行的第一个单元格中有一个简单的句点字符。请注意,在第一个和第二个表中,只有该单元格是可点击的。我们希望避免明确地设置高度和宽度,因此如果我们能够修改前两个表中的任何一个以匹配第三个表的可点击行为,那就太棒了。我们可以在锚标签中放入一个非破坏性空间( ),但是还有其他更优雅的解决方案吗?
td.min {min-width: 1px; min-height: 1px;}
td.defined {width: 50px; height: 50px;}
td a.fullcell {width: 100%; height: 100%; display: block;}
No dimension defined
1 | 2 | 3 |
A | . | |
B |
Min-dimension defined
1 | 2 | 3 |
A | . | |
B |
Dimensions defined
1 | 2 | 3 |
A | . | |
B |
2009-07-12
gotgenes