Front-end/HTML 5, CSS3

가운데 정렬

prden 2023. 7. 26. 13:05

1. text-align = "center"

block 요소 안 inline 요소만 가운데 정렬 된다.

https://blog.pages.kr/2556

 

[html/css] text-align 속성으로 정렬하기 (left, right, center, justify)

html에서는 문서를 수평으로 정렬할 때 align 속성을 썼는데요 align은 html5에서 지원하지 않는 속성으로 되도록 css로 정렬하는 것을 권장한다고 합니다... css에서는 문서를 수평으로 정렬할 때 text-a

blog.pages.kr

2. display = "flex", justifycontent="center"

 

3. maring = "0 auto"

https://kikit-study.tistory.com/entry/%EC%B4%88%EB%B3%B4%EC%9D%98-%EC%A7%88%EB%AC%B8-text-aligncenter-%EA%B3%BC-margin0-auto-%EB%AD%90%EA%B0%80-%EB%8B%A4%EB%A5%B8%EA%B1%B8%EA%B9%8C

 

초보의 질문 text-align:center; 과 margin:0 auto; 뭐가 다른걸까?

이제는 약간 감을 잡게된 text-align:center;와 margin:0 auto;의 차이에 대해 정리해보려고 한다. 1. text-align 블럭요소에 text-align속성을 사용하면 그 안에있는 인라인 요소들이 정렬된다. 1.블럭요소에만

kikit-study.tistory.com