html - CSS 与 Google 表格中的垂直垂直文本

Question

作为一个实验，当我遇到 CSS 中的 Vertical Upright 文本以及它在不同浏览器之间的显示方式不同的问题时，我认为复制一个小的 Google Sheet 会很有趣。不过我注意到，在 Google 表格中，每个浏览器都以相同的方式显示垂直文本。我的问题是，Google Sheets 使用的 CSS 是什么，我可能会遗漏？

这是 Chrome、Safari、Firefox 和 Edge 中的 Google Sheets 中的垂直文本（左示例）的图像，分别是 CSS 中的 VS（右示例）

这是指向 Google 表格的链接，其中垂直文本在一列中跨越 30 行

这是我正在使用的具有“垂直”类的 DIV 的 CSS：

position: fixed;
top: 0;
left: 0;
width: 30px;
height: 630px;
padding: 0 0 0 7px;

writing-mode: vertical-lr;
text-orientation: upright;

font-family: Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #ffffff;

background-color: #434343;

HTML 和 BODY 的边距和填充为零。

任何见解都会有所帮助。谢谢你。

标签： htmlcssgoogle-sheetstext