0

私は、入力として画像を受け取り、HTMLテーブル(セルがピクセルに類似している)内で画像をレンダリングするアプリケーションに取り組んでいます。テーブルがレンダリングされるとき、視覚的な参照のために1つおきの列と行にも番号を付けています。

「大きな」画像のセルのサイズが列/行のラベルのテキストよりも小さいという問題が発生しました。そのため、ラベルのテキストのサイズがテーブルのサイズから外れてしまいます。 。

ここでアプリケーションの動作を確認できます:http ://knit.lyここ で私が話していることのスクリーンショットを見ることができます!

最終的には、テーブルセルのサイズに影響を与えずに、これらの視覚的な列/行ラベルを提供する方法を見つけたいと思います。もう1つの関連する質問は、HTMLテーブルで間違ったパスをたどっているように見えるが、他にどのようなオプションがあるのか​​わからないということです。多分HTML5キャンバス機能?

どんな解決策や代替設計がそこにあるのか知りたいです。

4

1 に答える 1

2

あなたは出来る:

  1. 設定された幅とoverflow:hiddenラベル セルを使用します。

  2. ラベル セル テキストを 90°変換line-heightし (すべての最新のブラウザーと IE9 はこれをプレフィックス形式でサポートします) 、目的のテーブル セル幅に設定します。

  3. nbsp;空白のセルに同じフォントと行の高さの設定でaを配置します。

于 2012-07-03T18:48:12.277 に答える