CSS3에서 수평 중앙 정렬을 달성하기 위해 fit-content를 사용하는 방법 소개

오늘은 이 글을 통해 CSS 속성에 대한 관련 지식을 소개하겠습니다. Fit-content는 CSS3에서 width 속성에 추가되는 새로운 속성 값입니다. 마진으로 쉽게 구현됩니다. 코드를 살펴보겠습니다.

모듈을 수평으로 중앙에 배치할 때 가장 먼저 떠오르는 것은 margin:0 auto;입니다. 그래서 오늘은 fit-content 속성을 소개하겠습니다. 혹시 사용해보신 분들이 계시다면 이 글을 건너뛰셔도 됩니다. 이전에는 이 속성에 대해 몰랐는데, 이 CSS 속성은 수평 중앙 정렬에 사용되는 것으로 밝혀졌습니다. Fit-content는 CSS3의 width 속성에 대해 새로 추가된 속성 값입니다. 수평 중심 맞추기를 쉽게 하기 위해 코드를 살펴보겠습니다.

너비가 설정되지 않았고 요소에 float:left가 포함된 경우 먼저 코드를 살펴보겠습니다.

이 경우 fit-을 추가하면 탐색이 중앙에 위치하지 않습니다. 여백을 사용하여 중앙에 배치하도록 설정하여 콘텐츠를 표시합니다.

현재 이 속성은 Chrome 및 Firefox 브라우저만 지원합니다. 다음은 중심 코드입니다.

위 내용은 CSS3에서 수평 중앙 정렬을 달성하기 위해 fit-content를 사용하는 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!