Всем привет! Что-то долго бьюсь я над этой траблой. Есть родительский

Question

Всем привет! Что-то долго бьюсь я над этой траблой. Есть родительский

див:

.parent {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

В нем три дочерних:

.child {
width: 200px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
border: 1px solid black;
}

Как видим, высота нигде не задана - ни родительскому диву, ни дочернему, определяется по контенту. И вот засада: когда в одном из дивов контент переносится на другую строку, другие дивы не принимают его высоту, а остаются со своей, в результате чего бордеры получаются уродские. height: 100% не помогает.

Как быть?

#css #frontend #html #programming #russian

0

10.10.2023

4 ответов

24 просмотра

Vladimir Samoilenko Автор вопроса

varmag.
Возможно из за ширины

а что с шириной не так? На что она влияет? Даже если я не задам ширину, все равно когда-то будет случай, когда контент не будет помещаться в какой-то див.

0

10.10.2023

Anatoliy Kulak

У вас же задано align-items: center. Вот высота и минимальная. Уберите, чтобы сработало дефолтное значение stretch

0

10.10.2023

Vladimir Samoilenko Автор вопроса

Anatoliy Kulak
У вас же задано align-items: center. Вот высота и ...

о, вот так сработало!

0

10.10.2023