Flex-wrap

Перенос flex-child на новую строку и запрет такого переноса.

• nowrap

  
  .flex-parent {
    display:flex;
    flex-wrap: nowrap;
    width: 960px;
  }
  .flex-child {
    width: 110px;
  }
  

  1

  2

  3

  4

  5

  6

  7

  8

  9

  10

  11

  12

  13

  14

  15

• wrap

  
  .flex-parent {
    flex-wrap: wrap;
  }          

  1

  2

  3

  4

  5

  6

  7

  8

  9

  10

  11

  12

  13

  14

  15

• wrap-reverse

  
  .flex-parent {
    flex-wrap: wrap-reverse;
  }