css - 旋转后图像无法正确显示

Question

我需要将图像旋转 90 度并将其显示在卡片组件中，现在我正在使用 Element.io , 但是当我旋转图像时，它覆盖了部分文本

目前图片只有这个样式:

.image {
  width: 100%;
}

当我们只想显示原始图像时效果很好

这是我的问题的再现:https://jsfiddle.net/HugoLiconV/92hspw56/

Answer 1

我有点解决了。我们正在使用 cloudinary，所以我所做的是通过向链接添加 a_90 来添加一个转换来旋转图像，例如:http://res.cloudinary.com/demo/image/upload/a_90/v1569337519/测试.png