Как изменить расстояние между картинками в css?

Пользователь

от jeromy_ruecker , в категории: HTML/CSS , 3 года назад

Как изменить расстояние между картинками в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от madelyn_hintz , 3 года назад

@jeromy_ruecker  Изменить расстояние между картинками в css можно через padding-left :


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <style>
      img {
        width: 100px;
        padding-left: 30px;
      }
    </style>
  </head>
  <body>
    <div>
      <img src="image/1.jpeg" />
      <img src="image/1.jpeg" />
    </div>
  </body>
</html>

Пользователь

от ciara , год назад

@jeromy_ruecker 

Чтобы изменить расстояние между картинками в CSS, можно использовать свойство margin. Например, чтобы создать отступы в 10 пикселей между картинками, нужно добавить следующий CSS-код:


img { margin: 10px; }


Если нужно задать отступы только между определенными картинками, то можно выбрать их с помощью селектора и добавить свойство margin:


img:nth-child(2n) { margin-right: 20px; }


Этот код добавит отступ в 20 пикселей между каждой второй картинкой.