制作垂直日文文本

Question

任何人都可以告诉我html/css从上到下,从右到左(如在书中)打印日文文本而不改变字符的实际标识？我使用的是UTF-16,如果有帮助的话.

Answer 1

正如@Michael_B在上面的评论中指出的那样,你可以使用writing-modeCSS属性和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>