在 CSS 中,可以使用 transform 属性来旋转元素。其中一种常见的旋转操作就是将数字旋转90度,让其竖着显示。
.num {transform: rotate(90deg);}
上面的代码中,我们使用 transform: rotate(90deg) 将 .num 元素旋转了90度。需要注意的是,数字竖向显示时还需要调整元素宽度和高度,具体实现方式可以根据实际情况调整。
除了使用 transform 属性之外,还可以使用 writing-mode 属性来实现数字竖向显示。writing-mode 属性可以将元素的书写方式改为竖向显示。
.num {writing-mode: vertical-rl;}
以上就是关于 CSS 中数字旋转90度的实现方式,通过 transform 或者 writing-mode 属性都可以轻松实现。需要注意的是,不同浏览器的支持情况可能会不同,建议在使用时进行兼容性测试。