ページングされたメディアモジュールの表のセルで垂直テキストはどのように機能しますか？

Question

添付ファイルcss3（ページングされたメディアモジュール）を使用してhtml文書からPDFファイルをレンダリングするには、アンテナハウスフォーマッタツール（v6.3）を使用します。

テーブルセルのテキストを反時計回りに90度回転したいとします。回転テーブルセルの高さは自動的に設定されます。

HTMLコード

<td class="center middle verticaltext" rowspan="1" colspan="1"> 
    <div class="vtext"> 
    <b>Number of joints /</b> 
    <p> 
     <b>Number of bolts per joint</b> 
    </p>             
    </div> 
</td> 

表のセルは、ヘルパークラスとも細胞継承コンテンツの回転ラッパーのdivを持っている見ることができるように。

CSSコード

tr > *.verticaltext > .vtext { 
    writing-mode: vertical-rl; 
    transform: rotate(-180); 
} 

レンダリング結果（PDF）

レンダリング結果は珍しい大規模な文字間隔を持っています。また、テキストアライメントと垂直アライメントのCSSプロパティーはそれ以上適用されません（例えば、ヘルパークラス中心と中間、td）。

テーブルセルの内容を回転してラッパーの幅（自動）を維持する簡単な方法はありますか？あなたは2つの両方が、テキストの方向に影響を与えるコマンド使用している

Answer 1

：

transform: rotate(-180);は、このテキストを回転させます。

writing-mode: vertical-rl;書き込みモード（文字が下にある文字）を設定します。日本語。あなたの文字間隔はこれの副作用になります。

transform: rotate(90);（またはおそらく270）を使用し、 'writing-mode'コマンドをスキップする必要があります。