프론트엔드 입문자들 css flex 꿀팁
본문
진짜 레이아웃 잡다가 flex 빼면 서운한 거 알지? div 정렬 이거때문에 멘붕 올 수도 있는데 그냥 부모에 display: flex; 하나 박고, justify-content(가로), align-items(세로) 조절하면 웬만한 정렬 다 끝남. 초보일수록 헷갈리는 건, flex-direction 이걸로 row/column 바뀐다는 거 꼭 기억해.
그리고 margin: auto;도 flex에서 먹혀서, 가운데 배치할 때 flex랑 조합하면 꿀이야. 진짜 옛날 float나 position으로 배치하던 거 생각하면 flex가 혜자 그 자체임. 꼬이면 flex 속성 하나씩 껐다 켜보면서 원하는 배치 찾아봐. 👍
그리고 margin: auto;도 flex에서 먹혀서, 가운데 배치할 때 flex랑 조합하면 꿀이야. 진짜 옛날 float나 position으로 배치하던 거 생각하면 flex가 혜자 그 자체임. 꼬이면 flex 속성 하나씩 껐다 켜보면서 원하는 배치 찾아봐. 👍
좋아요1
이 글을 좋아요하셨습니다
등록된 댓글이 없습니다.