CSS에서 버튼을 중앙에 표시하는 방법

먼저 효과를 살펴보겠습니다.

(권장 튜토리얼: CSS 튜토리얼)

간단한 CSS 스타일을 통해 구현 가능

<div style="margin:0 auto;width:200px;">
<input class="submit" id="btn" type="submit" value="注册" />
</div>

margin-left:auto;margin-right 사용 :auto; div를 중앙 정렬할 수 있습니다.

.style{margin-left:auto;margin-right:auto;} 약식 형식은 다음과 같습니다. .style{margin:0 auto;} 숫자 0은 위쪽 및 아래쪽 여백이 0임을 의미합니다. 필요에 따라 다른 값으로 설정할 수 있습니다.

끝 부분의 너비도 매우 중요한 속성입니다. 버튼의 너비가 매우 작기 때문에 버튼을 중앙에 배치할 적절한 너비 값을 설정해야 합니다.

위 내용은 CSS에서 버튼을 중앙에 표시하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!