display: table-cell и vertical-align:middle
333
24 ноября 2016, 10:09
Как сделать ширину дочерних элементов управляемой? Или как тут ещё можно выровнять несколько элементов по вертикали в одном диве?
* {
margin: 0;
}
#parent {
display: table;
width: 100%;
height: 80px;
border: 1px solid red;
}
#parent .child {width: 20px !important;
display: table-cell;
vertical-align: middle;
}<div id="parent">
<div class="child">test</div>
<div class="child">test</div>
<div class="child">test</div>
</div>P.S. В дочерних элементах, есть ещё элементы, которым присваивается display: table-cell и vertical-align: middle, поэтому display: flex не сработает.
-
13:29
Кофе для программистов: как напиток влияет на продуктивность кодеров?
-
22:13
Рекламные вывески: как привлечь внимание и увеличить продажи
-
19:13
-
16:04
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
-
17:27
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
-
22:17
-
18:08
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
-
18:54
-
17:35
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47935 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30568 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23914 visits
- Как через css изменить цвет png изображения? 10407 visits
- Blob video url download 10006 visits
- Php curl запрос через прокси с авторизацией 9281 visits
- Работа с captcha vk api 8149 visits
© "hostciti.net" 31.3.2025 | 23:20