flex-wrap 프로퍼티 정보
CSS flex-wrap 프로퍼티본문
flex-wrap 프로퍼티
이 flex-wrap속성은 하나의 플렉스 선에 플렉스 항목을 줄 여유가 없는지 여부를 지정합니다.
가능한 값은 다음과 같습니다.
nowrap- 기본값. 유연한 항목은 랩핑되지 않습니다.
wrap - 유연한 항목은 필요한 경우 줄 바꿈합니다.
wrap-reverse - 필요에 따라 유연한 항목을 역순으로 줄 바꿈합니다.
다음 예제에서는 nowrap값 을 사용한 결과를 보여줍니다 (기본값).
예
.flex-container {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 300px;
height: 250px;
background-color: lightgrey;
}
다음 예제에서는 wrap값 을 사용한 결과를 보여줍니다 .
예
.flex-container {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 300px;
height: 250px;
background-color: lightgrey;
}
다음 예제에서는 wrap-reverse값 을 사용한 결과를 보여줍니다 .
예
.flex-container {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
width: 300px;
height: 250px;
background-color: lightgrey;
}
0
댓글 1개
flex 찾는 중인데요.. 2017.9 월;;;
5년 전에도 잘 되었나요...쩝...