制作垂直的日语文本

Question

谁能告诉我 html/css 让日文文本从上到下、从右到左打印（就像在书本上一样）而不改变字符的实际排列？我正在使用 UTF-16，如果有帮助的话。

Answer 1

正如@Michael_B 在上面的评论中指出的那样，您可以使用 writing-mode CSS 属性 和 vertical-rl 模式。例如：

.vertical {
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

<p class=vertical lang=ja>これはテストテキスト。日本語は楽しいです。</p>

如果您希望内容与页面右侧对齐，您可能希望通过定位 html 而不是单个元素将其应用到整个页面：

html {
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

<p lang=ja>これはテストテキスト。日本語は楽しいです。</p>