css hover同级，table css固定表头，css3 金币效果，css中设置列间距，css 溢出省略号，css边框在里面，在css里调用点击事件
“`
接下来，在CSS中大家就需要通过transform属性来实现旋转。代码如下：
“`
pre {
background-color: #f0f0f0;
padding: 10px;
}
img {
transform: rotate(90deg);
}
“`
需要注意的是，transform属性也可以用于其他的旋转角度，如45度、180度等。另外，大家可以通过在img标签外套一个div标签来调整图片的定位和大小。完整的代码如下：
“`css hover同级，table css固定表头，css3 金币效果，css中设置列间距，css 溢出省略号，css边框在里面，在css里调用点击事件
.image-container {
width: 200px;
height: 200px;
margin: 0 auto;
position: relative;
}
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg);
}“`
这里大家通过设置image-container的width和height来限制图片的大小，通过设置margin: 0 auto来让其水平居中，通过设置position: relative来让image-container的位置对img的绝对定位产生影响。
最后，大家通过设置img的top, left为50%和transform: translate(-50%, -50%)来让图片居中。同时，通过rotate(90deg)来使图片旋转。
至此，大家通过CSS的transform属性成功地将图片旋转90度。希望对大家有所帮助！