CSS文字方向:垂直于右侧 [英] CSS Text orientation : vertically oriented to the right

问题描述

是否可以使用CSS使我的文本垂直向右对齐，如下面的图片所示?

Is it possible to get my text oriented vertically to the right with CSS, like on the image below ?

我尝试了以下方法，但是无法反转方向:

I tried the way below, but without being able to reverse the orientation:

div {
  writing-mode: vertical-rl;
  text-orientation: sideways;
}

<div>dimanche</div>

推荐答案

sideways.相反，您可以将其替换为比例转换

sideways isn't supported by all the browser. Instead you can replace it with a scale transformation

div {
  writing-mode: vertical-rl;
  /*text-orientation: sideways;*/
  transform:scale(-1);
}

<div>dimanche</div>

这篇关于CSS文字方向:垂直于右侧的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！