現在、テキストが水平ではなく垂直に読み取られるセルを含むテーブルが必要な UI に取り組んでいます。これを行うために、CSS 回転変換を使用しています。
私が直面している問題は、レンダリング変換が行われる前にコンテンツが測定されていることです。これにより、テーブルが正しくレンダリングされず、狭い列ではなく広い列が表示されます。
cssまたはjavascriptでこの動作を修正する方法はありますか?
これをチェックしてください:http://jsfiddle.net/c29rr/
float:left を使用してセルを div として動作させるため、あなたのケースで機能するかどうかはわかりませんが、それは始まりです。
最善の解決策ではありませんが、私が思いついたのは次のとおりです: http://jsfiddle.net/gJCtN/2/
また、それvertical-align
のない要素やそのようなものではサポートされていませんdisplay:table-cell
。詳細情報.