Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
0 / 0 / 0
Регистрация: 08.07.2019
Сообщений: 1
1

Как сделать одинаковый отступ между блоками, но кроме краёв контейнера?

08.07.2019, 16:55. Просмотров 348. Ответов 1
Метки нет (Все метки)

Всем привет.

Допустим есть контейнер, внутри него несколько одинаковых блоков с margin:15px.
Необходимо прижать внутренние блоки "вплотную" к краям контейнера при этом сохранив margin между внутренними блоками.
Есть ли простой способ сделать это силами css и html?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="container">
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.container{
 width:1140px;
 height:1000px;
 margin:0 auto;
 background:#929292;
}
 
.block{
 width:165px;
 height:240px;
 float:left;
 margin:15px;
 background:#ffffff;
}
0
Миниатюры
Как сделать одинаковый отступ между блоками, но кроме краёв контейнера?   Как сделать одинаковый отступ между блоками, но кроме краёв контейнера?  
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
08.07.2019, 16:55
Ответы с готовыми решениями:

Как сделать небольшой отступ между блоками?
сайт www.basket-xnslm.ru. Для того, чтобы добавить иконки соц закладок в статьях мне пришлось...

Как убрать отступ между блоками div?
Подскажите пожалуйста как убрать отступ между блоками на сайте...

Как сделать отступ размещаемого содержимого от краёв <div> или <body>?
Всем привет На второй странице простого html+css сайта, необходимо разместить блок с...

Отступ между блоками
Как сделать отступ между блоками? http://crashav.ru/ там 3 блока как будто вместе склеены)

1
Эксперт HTML/CSS
1278 / 1075 / 464
Регистрация: 07.08.2016
Сообщений: 2,961
08.07.2019, 17:05 2
Sydney Show,
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="container">
  <div class="wrap">
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
  </div>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.container{
width:1140px;
height:1000px;
margin:0 auto;
background:#929292;
}
.wrap{
  margin: 0 -15px;
}
.block{
width:165px;
height:240px;
float:left;
margin:15px;
background:#ffffff;
}
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
08.07.2019, 17:05

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Отступ между блоками в js
Помогите поставить текст, между блоками, не могу никак сделать отступ и поставить текст между...

убрать отступ между блоками
У меня такая проблема у Mozilla и Opera все нормально! В IE-6 появляются отступ между блоками. Как...

Скорректировать отступ между блоками
Здравствуйте! Почему у меня блок zareg имеет какой то отступ от p3? #p3 { margin-top:10px;...

Отступ между блоками (при определённом условие)
http://bye.zz.mu/ такая вот проблема, при добавление &lt;jdoc:include type=&quot;component&quot; /&gt; в блок...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.