목록2023/11/21 (1)
사이먼's 코딩노트
[HTML & CSS] 도형 및 텍스트 가로정렬
[도형 가로정렬] 상위 엘리먼트와 하위 엘리먼트의 크기가 같으면 정렬기능을 사용할 수 없다. 뚱뚱한 고양이가 박스에 끼어있을 때 사람이 박스를 아무리 흔들어도 움직이지 않는 것처럼 모든 물체나 요소도 똑같이 상위 엘리먼트 크기와 하위 엘리먼트의 크기가 같으면 정렬할 수 없다. (가로와 세로 전부) [브라우저에서 도형 취급을 받는 요소] display 속성이 block 요소일 때 display 속성이 flex 요소일 때 [브라우저에서 도형 취급을 받는 요소의 가로정렬] margin-left: auto; 와 margin-right: auto; 를 사용한다. 두 속성은 움직여야할 태그에 직접 적용해야한다. margin-left: auto; 의 속성을 부여하면 도형 취급받는 요소는 오른쪽으로 정렬하게 된다. m..
HTML & CSS
2023. 11. 21. 10:50