CSS 文本方向 : vertically oriented to the right

标签 css

是否可以使用 CSS 使我的文本垂直向右定向,如下图所示?

enter image description here

我尝试了下面的方法,但无法反转方向:

div {
  writing-mode: vertical-rl;
  text-orientation: sideways;
}
<div>dimanche</div>

最佳答案

并非所有浏览器都支持sideways。相反,您可以将其替换为比例转换

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

关于CSS 文本方向 : vertically oriented to the right,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58990311/

相关文章:

css - 在 CSS 属性选择器中分组

鼠标滚动事件上的jquery动画水平滚动

css - 用css制作一个奇形怪状的元素

CSS - 段落 - 我需要设置字体大小 : inherit?

javascript - 使用 Javascript 向现有 CSS 元素添加像素

html - 如何将元素从左侧移动到右侧?

javascript - TinyMCE - 将多个元素包装在一个 div 中

html - 两个 div 之间的垂直线间隔

html - 在多个 Div ID 上显示 CSS 转换(示例 : #box:hover + #display)

javascript - Laravel 分页将问题与设计联系起来