制作垂直日语文本

Question

有人能告诉我html/css从上到下有日语文本打印，从右到左(就像在书中)，而不改变字符的实际含义吗？我用的是UTF-16，如果有用的话。

Answer 1

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

​

.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>

​