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

Popular posts from this blog

php - Admin SDK -- get information about the group -

dns - How To Use Custom Nameserver On Free Cloudflare? -

Python Error - TypeError: input expected at most 1 arguments, got 3 -