Создание вертикального японского текста

может ли кто-нибудь сказать мне html/css, чтобы японский текст печатался сверху вниз, справа налево (как в книгах) без изменения фактического ilgnment символов? Я использую UTF-16, Если это поможет.

8
cjk css html vertical-text

1 ответов

как @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>
9