Как разместить изображение в html с помощью встроенного css?

#html #django-inlinecss

Вопрос:

Я пытаюсь расположить изображение где-то конкретно, поэтому мне нужно использовать параметры «сверху», «слева» вместо просто «выровнять: по центру». Я использовал приведенный ниже код, но он не позволяет перемещать изображение в любом месте экрана, оно остается постоянным в определенном месте.

 <img src="./assets/button.png" alt="button" position: absolute; width: 346px; height: 40px; left: 1041px; top: 546px;>
 

Пожалуйста, помогите решить эту проблему. Заранее спасибо!

Ответ №1:

Используйте вот так

 <img src="./assets/button.png" alt="button" style="position: absolute; width: 346px; height: 40px; left: 1041px; top: 546px;">
 

Кроме того, поскольку вы устанавливаете его в определенное положение, вы должны быть уверены в том, относительно чего он находится.

Предположим, вы хотите получить его относительно div. Сделайте стиль этого дива таким

 <div style="position: relative;">
// other codes here
</div>
 

Комментарии:

1. Используя относительное положение, могу ли я зафиксировать изображение где-нибудь, скажем, в нижней части страницы, даже если на странице нет другого содержимого?

2. По умолчанию все происходит автоматически относительно тела. Поэтому, если у вас ничего нет, вы делаете элемент абсолютным и даете bottom: 0. затем он переместит его на дно

3. О, здорово. Теперь я понял, спасибо за помощь!

Ответ №2:

Используйте что-нибудь вроде этого . Поместите все свойства css в стиль

 <img 
    src="./assets/button.png"
    alt="button"
    style="position:absolute; width:346px; height:40px; left:1041px; top:546px;"
>
 

Ответ №3:

Проблема в том, что у вас отсутствует атрибут «стиль», в противном случае ваш код должен работать правильно.