댓글 목록

Flex order(정렬순서)

페이지 정보

작성자 운영자 작성일 18-05-14 16:07 조회 1,596 댓글 0

동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.


flexbox는 항목에 대해 정렬도 할 수 있지만 개별 항목에 대한 순서도 지정할 수 있습니다.

order속성을 사용합니다. 속성값은 음수, 0, 양수가 올 수 있고 기본값은 0입니다.

숫자가 작을수록 우선순위가 높습니다.


section{
  display:flex; 
}
nav{
order : 1;
}
main{
order : 0;
}
aside {
order : -1;
}


댓글목록 0

등록된 댓글이 없습니다.