Django Не удается выполнить CSS / настроить изображение

Я хочу отцентрировать изображение, но это не работает. Я не могу настроить изображение вообще с помощью моих CSS файлов.

home.html

{% load static %}
<link rel="stylesheet" href="{% static 'stylehome.css' %}">

<div class="testimage">
    <img src="{% static 'images/bottrade.jpg'%}" alt="erar">

</div>

stylehome.css

.testimage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

Я не вижу ни вашего изображения, ни другого кода, но попробуйте следующее, если это поможет.

.testimage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    display:flex;
    justify-content:center !important;
}
<link rel="stylesheet" href="{% static 'stylehome.css' %}">

<div class="testimage">
   <center> <img src="{% static 'images/bottrade.jpg'%}" alt="erar"></center>

</div>

img - это инлайн-тег. Вы можете выравнивать его как текст или т.д. Используйте align-text: center; в .testimage

Нравится: 

.testimage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    align-text: center;
}

Или вы можете flex как в ответе ниже или .testimage img с помощью стилей для изображения.

Если вы не хотите редактировать ваши .css файлы, вы можете добавить style: align-text: center; к вашему HTML тегу.

Вернуться на верх