html - 日本語の縦書きを作る

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>これはテストテキスト。日本語は楽しいです。&lt;/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>これはテストテキスト。日本語は楽しいです。&lt;/p>