У меня есть четыре изображения, как показано в этой скрипте:
<img src='http://black-agency.com/dat/Images/BG/dark.jpg'/>
<img src='http://black-agency.com/dat/Images/BG/dark.jpg'/>
<br>
<img src='http://black-agency.com/dat/Images/BG/dark.jpg'/>
<img src='http://black-agency.com/dat/Images/BG/dark.jpg'/>
Я удалил отступы и поля, но между изображениями остается пространство.
Как я могу сделать так, чтобы картинки были сразу рядом, без пробелов?
Вы можете удалить пробелы с помощью Del:
<img src='http://black-agency.com/dat/Images/BG/dark.jpg'/><img src='http://black-agency.com/dat/Images/BG/dark.jpg'/><br><img src='http://black-agency.com/dat/Images/BG/dark.jpg'/><img src='http://black-agency.com/dat/Images/BG/dark.jpg'/>
Браузеры интерпретируют символы новой строки как пробел, поэтому вам следует удалить их, если вы не хотите иметь там один пробел.
Вы можете возиться с float вместо того, чтобы полагаться на стиль inline-block по умолчанию, хотя в этом случае это, вероятно, будет довольно сложно.
Вы можете установить размер шрифта родителя равным нулю. Посмотрите эту скрипту.
Вы можете установить отрицательные поля. Посмотрите эту скрипту.
Или, наконец, вы можете удалить пробелы между тегами img в разметке, однако это может сделать разметку беспорядочной.
Это действительно зависит от вас, чтобы решить, какой метод является лучшим в вашей конкретной ситуации. Обратите внимание, что фоновые изображения больше подходят для свойства CSS background-image и сокращенного свойства background, если эти изображения не были просто заполнителями.
