다양한 컴퓨터 해상도에서 버튼이 중앙에 표시되도록 하는 방법
P粉974462439
P粉974462439 2023-08-13 18:51:08
0
2
547
<p>모바일 해상도</p> <p>그래서 저는 부트스트랩을 사용하여 중앙에 성공적으로 배치했습니다. 그러나 해상도를 변경하거나 축소하면 버튼이 둘러싸이고 약간 오른쪽으로 이동합니다. 누가 제가 뭘 잘못하고 있는지 말해 줄 수 있습니까? </p> <pre class="brush:php;toolbar:false;">--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; }</pre> <p>중앙에 맞추려고 했는데 더 큰 해상도에서는 작동하지만 모바일 해상도에서는 왼쪽으로 이동합니다</p>
P粉974462439
P粉974462439

모든 응답(2)
P粉278379495

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

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

P粉638343995

으아악 으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿