다양한 컴퓨터 해상도에서 버튼이 중앙에 표시되도록 하는 방법

Question

모바일 해상도

그래서 저는 부트스트랩을 사용하여 중앙에 성공적으로 배치했습니다. 그러나 해상도를 변경하거나 축소하면 버튼이 둘러싸이고 약간 오른쪽으로 이동합니다. 누가 제가 뭘 잘못하고 있는지 말해 줄 수 있습니까?

--HTML--
<div class="d-grid gap-2 col-2 mx-auto text-center">
       <button id="Get" class="btn btn-outline-success btn-lg" type="button">최신 업로드</button>

--CSS--
#얻다 {
    테두리 너비: 4px;
    글꼴 계열: Lexend;
}

중앙에 맞추려고 했는데 더 큰 해상도에서는 작동하지만 모바일 해상도에서는 왼쪽으로 이동합니다

Answer 1

상대 위치 지정을 시도해 볼 수 있습니다position: relative 添加到父级 <div>，然后将绝对定位 position: absolute 添加到按钮，并加上 left: 50%; top: 50%; transform: translate(-50%, -50%);.

이렇게 하면 버튼 위치가 해상도 및 화면 크기와 무관해집니다. 이것이 귀하의 문제를 해결하기를 바랍니다.

Answer 2

으아악 으아악