在 Bootstrap 中呈现旋转文本

dwbf0jvd  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(1)|浏览(153)

使用Bootstrap 3,我试图在div的一行和中心生成旋转文本。为什么#map中的文本出现在3行中?

但我想有这样的东西:

第一个

j2cgzkjk

j2cgzkjk1#

只需使用translate将其正确定位,并使用white-space: nowrap;使其没有断行。

#map {
  display: inline-block;
  transform: rotate(-90deg) translate(-100px, -30px);
  color: #ed217c;
  white-space: nowrap;
}

相关问题