html - 制作垂直日语文字

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

最佳答案

正如@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>

关于html - 制作垂直日语文字，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35652227/