Display(2)
-
[CSS] CSS 중앙정렬 하는방법!
CSS 중앙정렬 하는 방법 1. text-align : center 정렬대상: 하위아이템 보통 텍스트 정렬할때 사용 2. margin : 0 auto 정렬대상: 본인 단, 사이즈가 지정되지않으면 상위사이즈인 100%로 인식되어서 적용되지 않는다 적용이 되지 않을 때 1. 가로 사이즈를 지정해줬는지 확인해본다. 2. 대상이 inline 속성일 때는 적용되지 않는다. inline 속성은 자기 자신의 컨텐츠만큼의 사이즈를 갖기 때문이다. 이럴경우 display : block; 속성을 주거나 block 요소의 태그를 사용한다. 3. display: flex; justify-content : center; 정렬대상: 하위아이템 이 방법은 내가 정렬시키고자 하는 태그들의 부모태그에 display: flex;를 적용..
2023.10.11 -
[CSS] display : flex;
Flex(플렉스)는 Flexible Box, Flexbox라고 부르기도 합니다. Flex는 레이아웃 배치 전용 기능으로 고안되었습니다. 그래서 레이아웃을 만들 때 딱히 사용할게 없어서 쓰던 float나 inline-block 등을 이용한 기존 방식보다 훨씬 강력하고 편리한 기능들이 많습니다. lex 레이아웃을 만들기 위한 기본적인 HTML 구조는 다음과 같습니다. helloflex abc helloflex 부모 요소인 div.container를 Flex Container(플렉스 컨테이너)라고 부르고, 자식 요소인 div.item들을 Flex Item(플렉스 아이템)이라고 부릅니다. “컨테이너가 Flex의 영향을 받는 전체 공간이고, 설정된 속성에 따라 각각의 아이템들이 어떤 형태로 배치되는 것”이라고 생..
2023.10.11