竖排文字方向

Question

我一直在尝试让文本像我们在 ms-word 表中那样在垂直方向上移动，但到目前为止我只能做到 这 一点……我对此不满意，因为它是一个旋转的盒子……不是吗？没有办法获得实际的垂直方向文本吗？

我只在演示中将旋转设置为 305 度，这不会使文本垂直。 270deg 会，但我只做了演示以显示旋转。

原文由 Moon 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

替代方法： http ://www.thecssninja.com/css/real-text-rotation-with-css

 p { writing-mode: tb-rl; }

原文由 swan 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

-webkit-transform: rotate(90deg);

其他答案是正确的，但它们导致了一些对齐问题。在尝试不同的东西时，这段 CSS 代码非常适合我。

 .vertical{
    writing-mode:tb-rl;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    transform: rotate(90deg);
    white-space:nowrap;
    display:block;
    bottom:0;
    width:20px;
    height:20px;
}

原文由 Amit 发布，翻译遵循 CC BY-SA 4.0 许可协议