使用小单元格标记HTML表格列/行

Question

我正在开发一个应用程序，它将图像作为输入并在HTML表格中呈现图像（其中单元格类似于像素）。当表格被渲染时，我也会为每个其他列和行编号以进行可视化参考。

我遇到的问题是“大”图像的单元格大小小于列/行标签的文本，所以最终发生的是标签文本的大小是否会丢失尺寸该表。

您可以在此处查看应用程序：http://knit.ly 你可以看到我正在谈论的here的截图！

最终，我想找到一种方法来提供这些可视列/行标签，而不会影响表格单元格的大小。另一个相关的问题是，似乎我可能会使用HTML表格走错路，但我不确定我还有其他选择。也许HTML 5 Canvas功能？

我很想知道那里有什么解决方案和/或替代设计。

Answer 1

你可以：

1. 在标签单元格上使用设置宽度和overflow:hidden;

2. transform标签单元格文字90°（所有现代浏览器和IE9都支持前缀形式）并将line-height设置为所需的表格单元格宽度;

3. 在空白单元格中添加nbsp;相同的字体和行高设置。