html - 制作垂直日文文本

Question

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

Answer 1

正如@Michael_B 在他们上面的评论中指出的那样，您可以将writing-modeCSS 属性与vertical-rlmode 一起使用。例如：

.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>これはテストテキスト。日本語は楽しいです。&lt;/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>これはテストテキスト。日本語は楽しいです。&lt;/p>