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/58038668/

相关文章:

javascript - 什么是用于生产代码的好的 css 和 js 最小化器?

jquery - head.js 和响应式网页设计

html - 在 flexbox 中将文本居中放置在图像上

css - Chrome CSS 背景图像出现白色区域

html - Superfish - 在 .active hover parents 上保留 css 设置

html - 具有CSS绝对定位的响应式网站设计

html - div 和 li 与 z-index 的位置 - 下拉菜单 - 再一次

html - 图像未定位到中心

javascript - 如何缓存文本区域?

html - 如何用图像填充整个标题