Knowledge Notes

Spring Boot로 프로젝트 중 bootstrap 예시 템플릿을 사용하는 중 직접 만든 요소를 이쁘게 정렬하기 위해 가운데 정렬하기 위한 방법을 찾아봤습니다.

<div class="table-responsive mt-3" style="display: flex; justify-content: center;">

• display: flax - 인라인 style속성을 이용해 가운데 정렬하고 싶은 태그 안에 넣어줍니다.
• jstify-content: center - 태그 내의 요소를 가운데 정렬해줍니다.

Reference : https://deeplify.dev/front-end/markup/align-div-center