목록corss-axis (1)

Enjoy Programming

Flexbox .3 (align-self and order)

부모는 어떤 방식으로 자식을 위치 시키는가 flex박스에서 자식요소들에 위치를 시킬땐 분명 부모요소에 명령을 줬다 그런데 자식요소에게 명령을 줄 수 있는 property가 있다 바로 align-self와 order이다. align-self는 align-items와 비슷한 일을 하는데 이는 cross axis에 관한 내용이다 하지만 align-items와는 다르게 한 box에만 해당한다. 예를들어 박스 세개를 설정하고 flex시켜준 뒤 하나만 화면 세로 중앙에 배치하고 싶으면 align-self를 이용해서 center로 지정해주면 된다. *단 기본적으로 부모 요소 박스는 자식요소 박스의 height와 같다 따로 부모요소의 height를 꼭 지정해줘야 뷰포트 상에 세로 위치를 변경할 수 있다. 그리고 ord..
CSS 2021. 4. 17. 14:18
이전 Prev 1 Next 다음