1

我使用Antenna House Formatter工具 (v6.3) 来渲染带有附加 css3（分页媒体模块）的 html 文档的 PDF 文件。

我想将表格单元格中的文本逆时针旋转 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 属性也不会再被应用（例如，辅助类center和middle on td）。

有没有一种简单的方法来旋转表格单元格内容并保持包装宽度（自动）？

4

1 回答 1

0

您正在使用 2 个同时影响文本方向的命令：

transform: rotate(-180); 这会旋转文本。

writing-mode: vertical-rl;设置书写模式（字符在彼此下方），这用于例如日语。你的字符间距将是这个的副作用。

您应该能够使用transform: rotate(90);（或者可能是 270）并跳过“写作模式”命令。

于 2017-05-22T12:40:31.577 回答