[HTML/CSS] Flex 활용방법


[HTML/CSS] Flex 활용방법

[HTML/CSS] Flex 활용방법 플렉스는 정렬을 위한 CSS 도구이다. 줄을 바꾸어 배치할 지 등을 선언하고, 내 마음대로 위치를 바꾸어 쓸 수 있다. 예전에는 float를 어떻게 해서 XX발광을 하면서 코드를 스파게티로 만들었다가 씻어서 짜장면으로 만든 다음에 짜장 튀김을 만드는 과정을 겪고 크기가 다른 사진들을 아주 보기좋게 가운데에 차례로 정렬한다던지 했는데, 플렉스는 그게 필요없다. 모든 요소들이 다 들어가있다.사진 1개만 특별한 위치에 가있다던지 하는 것이 가능한 것이다. (align-self) (처음 나왔을 때 프론트 개발자들은 저러지 않았을까...) 아래에서 활용법을 자세히 알아보자. Flexible box 레이아웃 배치 전용 기능으로 고안되었다. display: inline-block..


원문링크 : [HTML/CSS] Flex 활용방법