CSS で真の縦書きテキストを実現するにはどうすればよいですか?

書き込みモードを使用した縦書きテキストの向き

この問い合わせでは、ユーザーは、Microsoft で実現可能な縦書きテキストの向きに似た縦書きテキストの向きを希望しています。 Word の表。 CSS の回転を利用した提供されたソリューションは、彼らの期待を下回りました。

幸いなことに、CSS は、'writing-mode' プロパティを通じて真の垂直方向のテキスト方向を実現する代替方法を提案しています。 'writing-mode' を 'tb-rl' (上から下、右から左) に設定すると、テキストを効果的に 90 度回転でき、CSS 回転の欠点を伴わずにテキストを縦向きにすることができます。

例:

p {
  writing-mode: tb-rl;
}

このアプローチは、テキストの縦方向に対する、よりエレガントで意味的に正しいソリューションを提供します。 CSS。これにより、テキストの自然な流れが維持され、CSS の回転によって発生する可能性のある歪みや配置の問題が回避されます。

以上がCSS で真の縦書きテキストを実現するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。