flex-wrapプロパティ
flex-wrapプロパティは、display:flex;によって横並びにした子エレメントを折り返す、折り返さないを指定するプロパティです。
flex-wrapプロパティを使うには、エレメントにdisplay:flex;を設定していなければなりません。
div{
display:flex;
flex-wrap: wrap;
}
構文(Syntax)
CSS
flex-wrap: nowrap | wrap | wrap-reverse | initial | inherit ;
DOM(JavaScript)
String = object.style.flexWrap;
object.style.flexWrap=" nowrap | wrap | wrap-reverse | initial | inherit ";
Values
| Value | 摘要 |
|---|---|
| nowrap | 初期値（default値）、折り返しなし |
| wrap | 折り返す |
| wrap-reverse | 逆順に並べて折り返す |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | nowrap |
| 継承（Inherited） | No |
| CSS Animation | No |