質問: flex itemの中の文字をitemの幅に合わせて折り返すにはどうしたら良いでしょうか? ``` word-wrap: break-word; ``` だとうまくいきません。 ``` .container { display: flex; flex-wrap: wrap; } .item { background-color: skyblue; height: 150px; width: 150px; margin: 3px; display: flex; align-items: center; justify-content: center; } ``` ``` https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ https://www.yahoo.co.jp/ ``` ![画像の説明をここに入力](https://i.stack.imgur.com/cuZ2e.png) 青い四角:flex container リンク:flex item となっています。
回答: 親要素を ``` display:grid ``` とするとできました! ありがとうございました!