Q&A
width:50%の幅で自動改行させたいのですが、
word-break: break-all;max-width:50%;も効きません。
自動改行させるにはどうしたらいいんでしょうか？
<div style="word-break: break-all;max-width:50%;width:50%;height:10%;background:deepskyblue;display: flex;align-items: center"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> <img src="https://freesvg.org/storage/img/thumb/1518278685.png" width="40" height="40"> </div>
回答1件
0
ベストアンサー
display:flex;にする意味がわかりませんが、それで折り返しをしたいのなら、
CSS
1-webkit-flex-wrap: wrap; 2-ms-flex-wrap : wrap; 3flex-wrap : wrap;
を入れてみてください。
投稿2021/06/09 16:28
総合スコア8402
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。