css中怎么让横着的图片竖起来

在网页设计中，我们常常需要对图片进行排版和布局，有时候需要让横着的图片变成竖起来的，而这可以通过CSS来实现。接下来，我们就来学习一下如何用CSS让横着的图片竖起来。
首先，我们需要在HTML中插入一张横着的图片，如下所示：

<img src="img/horizontal-image.jpg" alt="横向图片"> 

此时图片的方向是横向的，我们想要把它变成竖直方向，就需要使用CSS来控制图片的旋转。可以使用CSS3的transform属性来实现。

p {
  width: 100px;
  margin: 0 auto;
}

img {
  width: 100%;
  transform: rotate(90deg);
} 

首先，我们使用p标签设置了一定的宽度和居中对齐，然后使用img标签插入图片，并设置了图片宽度为100%。接着，在img标签中设置了transform属性，将图片旋转90度，使其变成竖直方向。
除了使用rotate()函数来旋转图片外，还可以使用其他函数来实现更加灵活的效果。例如，可以使用scale()函数来缩放图片，使用translate()函数来移动图片等。
总之，通过CSS的transform属性，我们可以轻松实现将横向图片竖起来的效果。