
[css] flex (정렬)
2022. 3. 8. 23:31
개발이야기/HTML & CSS & SASS
플렉스는 내가 수평정렬하려고 하는 부모요소에 display: flex 값을 추가해서 일반적으로 수평정렬하는 개념을 손쉽게 만들 수 있다. 이렇게 플렉스 값을 주면 부모요소는 (flex comtainer) 가 되고, 자식요소는 (flex items) 가 된다. 이게 왜 중요하냐면 컨테이너와 아이템부분에 지정할수있는 속성들이 다르기 때문이다. 컨테이너에 부여하는 속성들 display - flex ; container의 화면 출력(수평정렬)특성 쉽게 풀어서 설명하면? 플렉스를 사용하려면 플렉스 컨테이너(부모요소)를 만들어야하고 컨테이너를만들려면 display: flex 값이 들어있어야 한다는 것이다. 디스플레이에는 두가지 속성을 사용할 수 있는데 일반적인 플렉스 개념과 인라인요소처럼 옆으로 정렬되는 인라인플렉..