时间戳

首页 > 解决方案 > 图像在 img 标签中旋转

html - 图像在 img 标签中旋转

问题描述

当您直接转到图像 URL 时，图像不会旋转，但在图像标签内，图像会旋转。

https://codesandbox.io/embed/wonderful-beaver-zvfp2

我不确定发生了什么

（我使用 Azure 来托管图像）

标签： htmlreactjsimageazure

解决方案

如果所有图像都发生这种情况，那么您只需添加一个变换 css 标签即可将图像旋转 90 度

例如：-

    style={{
      height: "500px",
      borderRadius: "15px 15px 15px 15px",
      boxShadow: "0px 5px 15px -4px #000000",
      transform:"rotate(90deg)",  <-----
    }}

推荐阅读