скрыть пробел внутри div?

Question

У меня есть div с 2 изображениями рядом. Theres пространство разделяющих теги. Таким образом, пространство между двумя изображениями. Есть ли способ, которым я могу использовать css, чтобы скрыть пробел (или текст) внутри этого div?

Answer 1

Вы можете задать стиль <img> с помощью display: block; float: left;. Это должно убрать пробел, так как изображения являются встроенными элементами по умолчанию.

<img src="image1.png" style="display: block; float: left;"> 
<img src="image2.png" style="display: block; float: left;"> 

Answer 2

Или вы можете поместить его в и скрывать это всякий раз, когда скрываете div. Или поместите изображение в div с отступом. Или поместите поле на изображении вместо пробела. Много способов сделать это.

Answer 3

Просто уберите пробел между тегами в html ...

Изображение является встроенным элементом, что означает, что оно учитывает любой текст, окружающий его. Это включает в себя пробелы. Создание их display:block элементов решило бы это, если бы вы указали их ширину.

Вы можете сделать их display:table, но это неприятный хак, которого следует избегать. Я даже не думаю, что они были бы рядом тогда, но я могу ошибаться.