0

我正在开发一个应用程序,该应用程序将图像作为输入并在 HTML 表格中呈现图像(其中单元格类似于像素)。呈现表格时,我还会对每隔一列和每一行进行编号以供视觉参考。

我遇到了一个问题,“大”图像的单元格大小小于列/行标签的文本,所以最终发生的是标签文本的大小超出了表格的尺寸.

您可以在此处查看该应用程序的运行情况:http: //knit.ly您可以在此处 查看我正在谈论的内容的屏幕截图!

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

我很想知道有哪些解决方案和/或替代设计。

4

1 回答 1

2

你可以:

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

  2. 标签单元格文本转换 90°(所有现代浏览器和 IE9 都支持前缀形式)并设置line-height为所需的表格单元格宽度;

  3. 在空白单元格中放置nbsp;具有相同字体和行高设置的 a。

于 2012-07-03T18:48:12.277 回答