垂直文本如何为分页媒体模块中的表格单元格工作？
垂直文本如何为分页媒体模块中的表格单元格工作？
提问于 2017-05-19 11:45:41
我使用Antenna House格式化程序工具(v6.3)来用附加的css3 (分页媒体模块)从html文档中呈现css3文件。
我想把表格中的文字逆时针旋转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上的中间)。
是否有一种简单的方法只需旋转表格单元格内容并保持包装器宽度(auto)？
回答 1
Stack Overflow用户
发布于 2017-05-22 12:40:31
您正在使用两个同时影响文本方向的命令：
transform: rotate(-180); --它旋转文本。
writing-mode: vertical-rl;，它设置了一种书写模式(字符在彼此下面)，用于例如日语。您的字符间距将是一个副作用。
您应该能够使用transform: rotate(90); (或270)并跳过“写入模式”命令。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44069246
复制相关文章
相似问题
腾讯云开发者
