CSS-свойство display со значением inline-block очень полезно для управления размерами, а также margin и padding встроенных элементов.
Однако при использовании display: inline-block; пробелы в HTML-коде создают визуальное пространство на экране. Но избавиться от него можно с помощью следующих простых приемов.
Решение 1. Удалить пространство между элементами
Решение 2. Установить нулевой размер шрифта для родительского элемента
Вы также можете использовать отрицательное поле в 4 пикселя, например margin: -4px; для inline-block элементов, чтобы решить эту проблему, однако два вышеупомянутых метода более просты.
Похожие примеры:
- Как удалить лишнее пустое пространство под изображением с помощью CSS
- Как удалить пунктирную линию вокруг ссылок с помощью CSS
- Как убрать интервал между ячейками из таблиц с помощью CSS
Источник: artzolin.ru
Как убрать стыки между блоками? Все способы. Optifine, Sodium
Как убрать пробелы между блоками (div)? И можно ли последние 3 блока поднять вверх без margin?
Элементам выставлен display: inline-block, таким образом, они ведут себя как строчные элементы. А если между строчными элементами в коде есть пробелы — то пробелы и будут отображаться.
Ответ написан более трёх лет назад
Нравится 2 3 комментария
А поднять вверх их без margin можно?
Да, при помощи свойства vertical-align, выставленного у div.
Ответы на вопрос 4
живые веб интерфейсы
от пробелов можно избавиться, задав родительскому контейнеру нулевой размер шрифта
header
Ответ написан более трёх лет назад
Нравится 1 1 комментарий
ТОлько не font-size:0!! Это не работает в мобильных браухерах!
Инженер и вэб-дизайнер, рисую.
Ответ написан более трёх лет назад
Нравится 1 1 комментарий
Да, пришлось попрыгать: то с canvas на svg, то с svg на css. Я искал подходящий способ — и нашел. Вопросы по canvas и svg — для меня это темный лес, а полез я туда не столько из интереса, сколько ради разведки: узнать: подходит иль нет.
Да, вопросы по css кажутся глупыми, и они же приравнивают меня к новичку. Ну и пусть. Я же знаю, что я не так глуп, как вы можете думать, и что вы, кстати, уже сказали. Куда положить очередной пазл в мозайке, я знаю.
Вы говорите «Пройти курс», что ж, я прошел курс. Да, всего лишь на codecademy, но мне этого достаточно. Программирование мне интересно, но не на столько, чтобы углубляться в него по самое дно.
Касательно вашего совета: ничье чужее время я не трачу. Те, кто отвечают на вопросы, сознательно это делают. И если бы они считали помощь другому — тратой времени, они бы вряд ли здесь, на toster’е, сидели. Свое время я также не трачу зря, задавая эти, казалось бы, глупые вопросы. Я же задаю их не от тупости или безделья — мне нужна помощь, не более.
Пожалуй, я прервусь, а то это уже смахивает на оправдание.
P.S. И спасибо за ответ =)
КАК УБРАТЬ ПО БОКАМ БЛОКОВ В МАЙНКРАФТ ЛИНИИ
противоречивый, сложный, весь компьютерный.
Либо пишите без пробелов в коде, либо вставляете без пробелов теги php, если сайт на php.
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Зайдите в майнкрафт потом в ваш мир, escape -> settings -> graphics -> уровни детализации, должно быть 0 -> готово -> готово и все
Ответ написан более года назад
Комментировать
Нравится Комментировать
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- JavaScript
- +2 ещё
Тег < p >и Тег < span >разве есть разница?
- 2 подписчика
- час назад
- 20 просмотров
Источник: qna.habr.com
Убрать отступы между блоками div [дубликат]
Здравствуйте. Есть обыкновенные div блоки с фиксированной шириной и высотой. Не понятно откуда между ними есть небольшой отступ. Мне нужно либо сделать так чтобы после самого последнего блока не было пустого пространства. Либо вообще убрать эти отступы, но самое главное чтобы после последнего не было пустого места, чтобы было по самому краю.
* < margin: 0; padding: 0; >.catalog_index < margin: 0; padding: 0; background: #000; width: 1200px; >.catalog_index .tile
Двери межкомнатные Двери входные Двери для бани и сауны Дверная фурнитура Козырьки, погонаж, арки
Буду благодарен за помощь! P.S. должно быть 4 плитки в ряд.
Отслеживать
4,562 3 3 золотых знака 16 16 серебряных знаков 53 53 бронзовых знака
задан 12 апр 2018 в 9:54
2,452 3 3 золотых знака 30 30 серебряных знаков 78 78 бронзовых знаков
это пробелы между инлайн-блоками
12 апр 2018 в 9:58
12 апр 2018 в 9:59
Можно воспользоваться flexbox ну или примерно вот так
12 апр 2018 в 10:00
12 апр 2018 в 10:04
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
У вас пробелы между inline-блоками. Как вариант — закомментировать их
* < margin: 0; padding: 0; >.catalog_index < margin: 0; padding: 0; background: #000; width: 1180px; >.catalog_index .tile
Двери межкомнатные Двери входные Двери для бани и сауны Дверная фурнитура Козырьки, погонаж, арки
Отслеживать
ответ дан 12 апр 2018 в 10:03
1,567 6 6 серебряных знаков 8 8 бронзовых знаков
У элементов с inline-block учитывается font-size . Это как расстояние между буквами, а точнее это символы пробелов между блоками из-за переноса. Если родителю задать font-size: 0; , то расстояние соответственно равно 0 и блоки прижимаются друг к другу, но в таком случае блокам или элементам внутри блоков надо незабыть задать font-size нужного размера чтобы видеть текст.
* < margin: 0; padding: 0; >.catalog_index < margin: 0; padding: 0; background: #000; width: 1200px; font-size: 0; >.catalog_index .tile
Двери межкомнатные Двери входные Двери для бани и сауны Дверная фурнитура Козырьки, погонаж, арки
Кроме того можно решить задачу при помощи float или flexbox , они заставят элементы прижаться друг к другу.
Источник: ru.stackoverflow.com