Как убрать расстояние между картинками css?
2 ответа
@hoyt.jerde Убрать расстояние между картинками css можно с помощью float: left :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> img { width: 300px; float: left; } </style> </head> <body> <img src="image/1.png" /> <img src="image/2.png" /> </body> </html> |
@hoyt.jerde
Если вы имеете в виду расстояние между изображениями на веб-странице, вы можете использовать CSS-свойство margin для установки отступов вокруг каждого изображения и изменения этих отступов, чтобы уменьшить расстояние между изображениями.
Например, чтобы установить нулевые отступы между изображениями, вы можете использовать следующий CSS-код:
1 2 3 |
img { margin: 0; } |
Если вы хотите увеличить или уменьшить расстояние между изображениями, вы можете изменить значение свойства margin, чтобы увеличить или уменьшить отступы. Например:
1 2 3 |
img { margin: 5px; /* установить отступы в 5 пикселей вокруг каждого изображения */ } |
Вы также можете использовать комбинации margin-top, margin-right, margin-bottom и margin-left, чтобы установить отдельные значения отступов для каждой стороны изображения. Например:
1 2 3 4 5 6 |
img { margin-top: 10px; /* установить отступ сверху в 10 пикселей */ margin-bottom: 10px; /* установить отступ снизу в 10 пикселей */ margin-right: 5px; /* установить отступ справа в 5 пикселей */ margin-left: 5px; /* установить отступ слева в 5 пикселей */ } |
Надеюсь, это поможет вам решить вашу проблему с расстоянием между изображениями на веб-странице.