Заметки по CSS

Padding увеличивает размер div

Что бы padding не увеличивал размер блока, можно использовать вложенный div. Во внешнем Div’e указывать размеры, во вложенном padding

 

 

Группа резиновых блоков по центру

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.wrapper{
width: 100%;
text-align: center;
vertical-align: top;
}
.block{
width: 24%;
margin: 2px;
height: 720px;
display: inline-block;
vertical-align: top;
min-width: 300px;
text-align: left;
}
1
2
3
4
5
6
7
<div class="wrapper">
<div class="block">1</div>
<div class="block">2</div>
<div class="block">3</div>
<div class="block">4</div>
<div class="block">5</div>
</div>

 

Резиновый блок по центру
Тоже оказывается довольно просто. Для этого можно использовать display: table, margin: 0 auto и резиновую ширину (скажем width: 80%)

Об авторе AlexeyBalin

Error: Не могу создать директорию wp-content/uploads/2017/07. Проверьте, доступна ли родительская директория для записи.
Разрабатываю систему Социального поиска FASQu. Поддерживаю большое количество сайтов, работающих на выделенных серверах и виртуальных хостинг-аккаунтах.


Запись опубликована в рубрике Дизайн с метками . Добавьте в закладки постоянную ссылку.


Поделиться с друзьями




Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *