css - vertically justified flexbox elements -
the old display:box
had ability justify element vertically, n number of elements h defined height, arrange justified (vertically) in relation parent element.
is there way of achieving using current dislpay:flex
system?
you looking flex rule justify-content: space-between;
. put on parent element , align items first 1 touches start of container, last 1 touches end of container, , rest of space distributed between elements.
you can use align-items
align elements in direction perpendicular flex direction. example if flex-direction
column
(vertical), justify-content
justify items vertically , align-items
align them horizontally. conversely if flex-direction
row
(horizontal), justify-content
justify items horizontally , align-items
align them vertically.
more info here: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Comments
Post a Comment