Bootstrap垂直书写

Question

我想用Bootstrap垂直写文本,但不喜欢将文本转换90°.垂直,但转动,难以阅读.

但实际上是这样写的:垂直而不是转动

我想有一种方法可以用Bootstrap做到这一点？你知道吗？

Answer 1

你可以这样做:

CSS
      .vericaltext{
           width:1px;
           word-wrap: break-word;
           white-space:pre-wrap; 
        }

Answer 2

writing-mode: vertical-rl;
text-orientation: mixed;

// or

writing-mode: vertical-rl;
text-orientation: upright;

也尝试这些值

/* Keyword values */
text-orientation: mixed;
text-orientation: upright;
text-orientation: sideways-right;
text-orientation: sideways;
text-orientation: use-glyph-orientation;

/* Global values */
text-orientation: inherit;
text-orientation: initial;
text-orientation: unset;

Answer 3

您可能想看看这个教程！
https://davidwalsh.name/css-vertical-text

简单来说，您可以使用 CSS 来完成此操作。

.vertical-text {
transform: rotate(90deg);
transform-origin: left top 0;
}