制作垂直日文文本

Question

有人能告诉我html / css从上到下，从右到左（如书中）打印日文文字而不改变字符的实际标识？我使用的是UTF-16，如果有帮助的话。

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;