Question

如何将一张图片设置为纵向格式？我尝试使用图像方向，它说属性名称未知。我试过旋转90，然后说了同样的话。

css rotation =“ 90”，图像继承，Webkit转换

<div class="row">
  <div class="primary col">
    <img class="josh images" 
         src="https://via.placeholder.com/384x288?text=Joshs+Image" 
         width="288px" height="384px" 
         alt="My Pic" rotate="90">
  </div>
</div>

使图像旋转90度该网站为www.shaunstanley.co.uk，位于投资组合页面上

Answer 1

您应该使用CSS并将转换规则添加到图像中，例如：

.josh {
  width: 288px;
  height: 384px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

<img class="josh" src="https://via.placeholder.com/384x288?text=Joshs+Image">

查看这个小提琴：https://jsfiddle.net/mbzqL6e4/1/

如果您只想旋转此特定图像，则可以添加并使用ID选择器而不是类选择器。

参考：https://www.w3schools.com/cssref/css3_pr_transform.asp

如何将图像转换成纵向格式？

1 个答案: