Здравствуйте. Никак не могу разобраться как решить такую задачу. Верстаю блок - сверху картинка, под ней текст. И все хорошо,но картинка первого блока чуть больше других, и поэтому текст под ней уезжает вниз. Возможно ли внутри флекс контейнера поднять только один элемент, чтобы текст выровнялся с остальным? Какие могут быть решения этой задачки?
HTML
<div class="about_img">
<div class="about_item">
<img src="">
<span class="img_text">текст</span>
</div>
<div class="about_item">
<img src="">
<span class="img_text">текст</span>
</div>
<div class="about_item">
<img src="">
<span class="img_text">текст</span>
</div>
<div class="about_item">
<img src="">
<span class="img_text">текст</span>
</div>
</div>
CSS
.about_img {
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start; }
.about_item {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
text-align: center;
-webkit-align-items: center;
align-items: center;
font-family: FRAMDCN;
font-size:18pt;
line-height:1;}
Можно сделать так:
.about_item{
....
justify-content:space-between;
}
.about_item span{
display:block;
height: 100px;
}
Тогда все картинки прижмутся к верхней границе родительского блока, а тексты к нижней.
Как сделать выпадающее меню длинной по всей ширине? То ест что бы например при нажатии на пункт меню номер 6, выпадающее меню было полностью...
Есть массив, состоящий из 20 словНужно сделать прокрутку текста по кругу 1 раз в секунду, чтобы каждое следующее слово заменяло предыдущее
Есть форма в попап окне красная кнопка Отправить заявку Не получается стилизовать чекбоксы в Google Chrome не ставиться галочка в чекбоксах в Firefox...