1. Flex-direction is used to control the overall layout direction of the child items, whether from left to right or from right to left, from top to bottom or from bottom to top.
2. Specify how internal elements are laid out in the flex container and define the direction of the main axis (forward or reverse).
Example
.list1 {
width: 27%;
padding-top: 0.5rem;
list-style: none;
overflow: hidden;
display: flex;
flex-direction: column;
max-height: 6rem;
}
.list1 .listbox {
width: 100%;
position: relative;
padding-left: 0.2rem;
left: 1.35rem;
right: auto;
}The above is an introduction to the flex-direction attribute in CSS. I hope it will be helpful to everyone.