Отступы между блоков
Аня написала следующий код (пример 1) и получила страницу, показанную на рис. 1. Но Ане нужно, чтобы не было отступов между блоками, а также справа и слева от блоков. Какие изменения в код для этого требуется внести?
Рис. 1. Отступы вокруг блоков
Блоки h1 < background: #569099; padding: 10px; color: #fff; >p Вот такой чай
История о том, как один человек хотел попить чайку, но по ошибке вместо воды попытался налить в чайник бензин, и что из этого получилось.
Статьи по теме
- Селекторы тегов
- Схлопывающиеся отступы
Как сделать отступ блока в html
Для того чтобы управлять внешними отступами, т.е. отступами между элементами на странице — необходимо использоваться свойство margin .
Свойство margin определяет внешний отступ на всех четырёх сторонах элемента. Это сокращение, которое устанавливает все отдельные поля одновременно: margin-top, margin-right, margin-bottom и margin-left.
Таким образом чтобы задать отступы между элементами правильно задать margin. Рассмотрим пример.
class="box red">Блок №1 class="box green">Блок №2 class="box blue">Блок №3 Применив стили ниже, блоки образуют одну колонку с отступом по 20px с каждой из сторон.
.red background-color: red; > .blue background-color: blue; > .green background-color: green; > .box height: 100px; width: 125px; margin: 20px; > Как сделать отступы между блоками div, чтобы они не были впритык?
Всем привет. Только начал изучать bootstrap (3 версия), поэтому есть трудности (даже в терминологии). Возник такой вопрос: как отделить блоки div друг от друга? Имею в виду, чтобы на сайте содержимое этих блоков не было впритык. Вот например у меня есть 2 div-а, как написать, чтобы на сайте выглядело раздельно?
ALL Также вопрос по коду (он не мой). Что значит col-sm-15 и col-sm-16? Это же вроде сетка, в которой максимум 12 столбцов возможно.
Отслеживать
задан 9 июл 2020 в 19:14
45 1 1 золотой знак 1 1 серебряный знак 8 8 бронзовых знаков
в 4.5 версии есть уже встроенные классы для организации отступов getbootstrap.com/docs/4.5/utilities/spacing
отступы между div
подскажите как сделать отступы между div как не пытался они как склеенные друг к другу в притык
покажите какой нить пример чтобы например шапка колонка с лева контент и с права колонка и чтоб между ними ну скажем так 10px расстояние
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Отступы между div блоками
Здравствуйте. Делаю простой сайт. Запутался с отступами между блоками. Указываю необходимую.
Отступы между div в зависимости от размера
как сделать чтобы при изменении размера первого дива ( там будет текст) второй див тоже вниз.
Откуда берутся отступы между блоками div
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> .
Отступы во вложенных блоках div
Доброго времени суток! Столкнулся с такой проблемой: два блока, один вложен в другой: <!DOCTYPE.
184 / 101 / 8
Регистрация: 30.05.2009
Сообщений: 782
Ну как альтернатива, можно между ними вставить еще один ДИВ (пустой), задав ему желаемую ширину.
334 / 181 / 68
Регистрация: 18.03.2010
Сообщений: 586
Записей в блоге: 11
div style="padding: 10px;">/div>
padding может быть padding-left, padding-right, padding-top, padding-bottom(вроде бы так пишется). можно их писать по отдельности, или те которые нужны, можно просто написать padding и тогда установится для всех, и сверху и снизу и слева и справа. Можно еще через запятую перечислить(только я не помню в каком порядке)
Добавлено через 4 минуты
тут подробней, но в основном то же
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
margin и padding не работают чтоли?
#left{float:left;} #center{float:left;margin:0 10px;}/*отступы слева и справа по 10px*/
1 2 3
div id="left">left/div> div id="left">center/div> div id="left">right/div>
Добавлено через 14 минут
В общем я там накосячил с ID, но суть думаю понятна Вот так должно быть:
1 2 3
div id="left">left/div> div id="center">center/div> div id="right">right/div>
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь
Как убрать отступы div
Здравствуйте, возможно ли как-то у div(2) которые находится внутри div(1) убрать все отступы от.
Верстка div — откуда берутся отступы?
Наложил сверху блок div красного цвета, почему присутствуют отступы с права, лева и и сверху. .
DIV создаёт дополнительные отступы для текста
Доброго времени суток! Есть DIV с фиксированной шириной и плавающей высотой. Когда внутри него.
Как изменить значения div в css, чтобы расстояния между блоками div не было?
Приветствую! Не могу решить такую задачу. Имеется общая обертка div (wrap). Внутри div-wrap.