我有一张要显示在Django网站上的图像,因此我是从照片或Finder(MacOs)导入(人像)的,当我在PyCharm和我的网站上查看时,它是横向的。我的html模板如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body style="font-family: Verdana">
{% extends 'base.html' %}
{% block content %}
<h1>Title</h1><br>
<div class="row">
{% for product in clothes %}
<div class="col">
<div class="card" style="width: 30rem">
<img src="/static/{{product.img_dir}}" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">{{ product.name }}</h5>
<p class="card-text">{{ product.description }}</p>
</div>
</div>
<br>
<br>
</div>
{% endfor %}
</div>
{% endblock %}
</body>
</html>
图像应以纵向显示,但以横向显示