1

我使用 xhtml2pdf 在 django 中生成报告,我想让我的一个单元格文本垂直显示,但我无法使用 css 制作它。

这是一些尝试:

.vertical-text {
     writing-mode: tb-rl; 
}

<table>
    <tbody>
        <tr>
            <td class="vertical-text" >V text</td>
        </tr>
    </tbody>
</table>

更新

writing-mode受支持的 CSS 属性中缺少属性。有什么解决方法吗?

4

1 回答 1

2

还有另一种解决方法,我们可以在其中使用 css:JSFiddle

.verical-text {
    width:1px;
    font-family: monospace;
    white-space: pre-wrap; /* this is for displaying whitespaces including Firefox */
}

但是,这里有几个垮台:

  1. 字母之间是否必须有空格以确保它垂直显示。
  2. 字母没有旋转,但方向相似。

我建议使用其他一些工具,在这些工具中你不会受到 css 属性的限制,例如:

  • PDFKit
  • PhantomJs - 在后端编写一个自定义的 nodeJs 服务器来完成它。
于 2017-07-17T09:19:21.987 回答