html - 为什么我的变换时元素消失：旋转（45度）？

Question

我似乎无法让我的 p 元素在不消失的情况下旋转......

HTML：

<p>Hi there</p>

CSS：

p{
  transform: rotate(45deg);
}

标签： htmlcss

Answer 1

它没有消失，只是你在屏幕上看不到它

请参阅此代码段：

p {
  background-color: tomato;
  transform: rotate(20deg);
}

<p>Hi there</p>

如何解决：

添加这样的宽度：

p {
        width: 80px;
        background-color: tomato;
        transform: rotate(10deg);
      }

<p>Hi there</p>