侧向布局不被所有浏览器支持。相反,您可以将其替换为比例转换。
div {
writing-mode: vertical-rl;
/*text-orientation: sideways;*/
transform:scale(-1);
}
<div>dimanche</div>
@connexo
答案的启发,我也想尝试一下,但你更快 :) - DevonDahonwriting-mode: vertical-rl;
不支持 Edge 和 IE。请参见 此链接。需要同时使用 -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl;
(前者用于 Edge,后者用于 IE)。 - Raptor使用transform
将其旋转-90deg
。如果您想以相反的方向旋转,请将其旋转90deg
div {
background-color: #ccc;
display: inline-block;
padding: 5px;
transform: rotate(-90deg);
transform-origin: center bottom;
}
<div>dimanche</div>
text-orientation: sideways;
来实现吗? - DevonDahon
writing-mode:sideways-lr;
是什么意思?类似的问题:https://stackoverflow.com/questions/38295450/rotating-text-within-a-fixed-div/38295735 - G-Cyrillus