How can I adjust the distance between flex-elements with the following properties

display: flex; flex-flow: column wrap; align-items: center; justify-align: center;

? Thanks in advance for the answer ...

  • Margin? Padding? - justify-content NOT-column column wrap - it seems to me generally useless thing. If all the elements inside the box go to the bar, what is the wrap for? What should be the result? - NeedHate
  • @NeedHate, well, it was necessary that all indents were equal for any page scale ... - Andrew

1 answer 1

If your question is understood correctly, then in order to have the distance between the blocks (around them) located on the bar, you need to change "justify-content: center" to "justify-content: space-around" .

Description: http://www.w3schools.com/cssref/css3_pr_justify-content.asp

Example: http://www.w3schools.com/cssref/playit.asp?filename=playcss_justify-content&preval=initial

THANK YOU VERY MUCH for the laid out properties. It helped me to set and adjust the position of the blocks at any page scale. Added to container, "column wrap" changed to "inline wrap" . And "justify-align: center" not a tag driven to me, was changed to "justify-content: center" .

  • Hi, welcome to Stack Overflow. You posted the answer - it should be exactly the answer to the question. Since the comment below was something very similar to the answer, I transferred it to the answer itself. - Nick Volynkin ♦