Я хочу создать компонент flexbox, в котором расстояние между каждым дочерним компонентом и расстояние между родительским и дочерним компонентами будет одинаковым. Это похоже на «равномерно по пространству», но я не хочу использовать статическое значение высоты во flexbox. Как мне создать этот флексбокс?
{/* дочерние компоненты */}

Я попробовал использовать свойство «пробел», но оно не содержит пробела между родительским и дочерним компонентами. Я также попробовал опцию «равномерно по пространству» в свойстве «justify-content», но в нем нет места, если я не укажу статическое значение высоты. Что мне следует сделать, чтобы обеспечить равномерное расстояние и автоматическую регулировку высоты одновременно с высотой дочернего компонента?