CSS Flexbox를 사용하여 버튼을 가운데에 맞추는 방법

HTML에서 버튼은 특정 작업을 수행하는 데 사용되는 클릭 가능한 요소입니다. CSS를 사용하여 버튼을 배치할 위치를 설정할 수 있습니다. 이를 위해 CSS에는 여러 기술이 있으며 그 중 하나가 flexbox입니다. ' 몸을 풀다 '는 뷰포트에 따라 요소의 위치를 ​​설정하는 데 사용됩니다.

이 기사에서는 CSS Flexbox를 사용하여 버튼을 가운데에 맞추는 방법을 설명합니다.

시작하겠습니다!

CSS flexbox를 사용하여 버튼을 가운데에 맞추는 방법은 무엇입니까?

' 몸을 풀다 '는 CSS의 display 속성에 대해 설정한 값입니다. 뷰포트 크기에 따라 콘텐츠 또는 요소를 적절하게 설정합니다. CSS에서 flex 값은 요소가 효율적으로 정렬되도록 요소 사이에 동일한 공간을 만듭니다.

통사론

위의 구문에서 ' 몸을 풀다 '는 '의 값으로 지정됩니다. 표시하다 ' 재산.

그럼, flex를 사용하여 버튼을 중앙 집중화하는 예제를 확인해 봅시다.

예시

HTML의 에서 '라는 이름의