html - ブートストラップの縦書き

Question

Bootstrapでテキストを垂直に書きたいのですが、テキストを90°変換するのは好きではありません。縦ですが、回転していて読みにくいです。

しかし、実際にはこのように書かれています: 垂直で回転していません

Bootstrapでこれを行う方法があったと思いますか？何か知っていますか？

score 13 · Accepted Answer

次のようなことができます。

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

score 5 · Accepted Answer

このチュートリアルを見たいと思うかもしれません!
https://davidwalsh.name/css-vertical-text

簡単に言えば、CSS を使用してこれを行うことができます。

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

score -4 · Accepted Answer

彼の特定の方法で書くための特定の方法は、Bootstrap にも CSS だけにも絶対にありません ...

そのようなことを行う唯一の方法は、すべての文字の後に行に戻ることだと思います. <br>たとえば、HTML タグを試してください。その種の手法の主な問題は、単語が分割されることを考えると、セマンティクスです。

4 に答える 4