テーブルのレイアウトを変更せずにセルの内容を回転するにはどうすればいいですか？

Question

私は現在、テキストが水平ではなく垂直に読み込まれるセルを持つテーブルを必要とするUIで作業しています。これを行うために、私はCSS回転変換を使用しています。

私が取り組んでいる問題は、レンダリング変換が行われる前にコンテンツが測定されていることです。これは、私のテーブルを間違ってレンダリングし、狭いものの代わりに幅の広い列を与えています。

この動作をCSSまたはJavaScriptで修正する方法はありますか？

JSFiddle

Answer 1

ない最善の解決策が、私が思いついたものです。 More info。

Answer 2

チェックこのアウト：http://jsfiddle.net/c29rr/

それはフロートを使用しているため、それはあなたのケースで動作する場合、私は知らない：細胞はdivのように動作させるために残されたが、それはスタートです。 http://jsfiddle.net/gJCtN/2/

また、vertical-alignはdisplay:table-cellまたはそれのようなものなしの要素によってサポートされていません。ここで