[分享]css中如何让字体横着显示

在CSS中，我们可以使用transform属性来让字体横着显示。具体的方法是使用rotate函数将字体旋转90度，这样文字就可以横向排列。代码实现如下：p { display: inlineblock...

在CSS中，我们可以使用transform属性来让字体横着显示。具体的方法是使用rotate函数将字体旋转90度，这样文字就可以横向排列。
代码实现如下：

p {
  display: inline-block;
  transform: rotate(-90deg);
  transform-origin: top left;
  white-space: nowrap;
} 

上述代码将p标签设置为行内块元素，然后使用transform属性将其旋转90度。为了让文字从左上角开始排列，我们需要设置transform-origin属性为top left。同时，为了避免文字自动换行，我们可以使用white-space属性来禁止换行。
运用上述CSS代码，我们可以将文字横向排列，适用于需要节省空间，同时又要求排版美观的场合。在实际开发中，我们可以利用这种方式来制作菜单、导航栏等排版元素。