У меня есть меню, состоящее из UL и Li, упрощенное, как показано ниже. Я не хочу устанавливать фиксированную высоту в PX, ни для UL, ни LI. Для Li я использую высоту: подготовительный контент. Высота всего LI может измениться в соответствии с текстом внутри. Я хочу, чтобы все было то же самое, что и самая большая высота (или родительская гибкая UL) и использование оправданного контента: Space-Betwwew Между; Для моего Div.Wrapp. Мы могли бы достичь этого с помощью JavaScript, получив значение высоты самого высокого LI, но есть ли более простое решение для CSS?
-
testint
-
testing length
-
testing lenth of text
-
testing big length when text on li
< /code>
.ul_listing{
display: flex;
flex-direction: row;
width: 450px;
}
.lists{
display: flex;
/*height: 250px; /*works with fixed height */
height: fit-content; /*does not work with fit-content*/
}
.wrapp{
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between; /* does not work if fit-content for li */
}
Подробнее здесь:
https://stackoverflow.com/questions/795 ... -not-using