У меня есть div с 2 изображениями бок о бок. Это пространство, разделяющее теги. Таким образом, пространство между двумя изображениями. Есть ли способ, которым я могу использовать css, чтобы скрыть пространство (или текст) внутри этого div?скрыть пространство внутри divs?
Вы можете установить <img> с помощью display: block; float: left;. Это должно удалить пространство, так как изображения являются встроенными элементами по умолчанию.
<img src="image1.png" style="display: block; float: left;">
<img src="image2.png" style="display: block; float: left;">
Просто удалить пробел между тегами в HTML ...
Изображение представляет собой встроенный элемент, который означает, что он принимает во внимание любой текст, окружающий его. Это включает пробелы. Создание их display:block элементов решило бы его, если бы вы указали их ширину.
Вы можете сделать их display:table, но это неприятный взлом, которого следует избегать. Я даже не думаю, что они будут бок о бок, но я могу ошибаться.
Или вы можете поместить его в < пролете/> и скрывают, что всякий раз, когда вы скрыть DIV. Или поместите изображение в div с дополнением. Или поместите маржу на изображение вместо пространства. Много способов сделать это.
Плавающие на них будут содержать сдерживающий div ... –
Есть решения для этого: http://stackoverflow.com/questions/2021283/css-container-doesnt-stretch-to-accomodate-floats –
Спасибо, что напомнили я об этом, просто работаю над чем-то, и я забыл, что это может быть так просто. Я делал ясно: оба; div, что не очень хорошо. –