Flexboxを使ったテキストの改行

.parent {
  display: flex; flex-wrap: wrap；
  flex-wrap: wrap; justify-content: space-between; /* またはスペース均等 */
  justify-content: space-between; /* またはスペース均等 */。
}

.child {
  flex-grow: 1; flex-shrink: 1; }.
  
  フレックスベース: 30%; /* または幅を設定 */ } .child
  box-sizing: border-box; padding: 10px; /* インナーマージン */
  padding: 10px; /* インナーマージン */
  min-width: 200px; /* 最小幅 */。
}