CSS3에서 수평 중앙 정렬을 달성하기 위해 fit-content를 사용하는 방법 소개
- 巴扎黑원래의
- 2017-09-09 14:32:181868검색
오늘은 이 글을 통해 CSS 속성에 대한 관련 지식을 소개하겠습니다. Fit-content는 CSS3에서 width 속성에 추가되는 새로운 속성 값입니다. 마진으로 쉽게 구현됩니다. 코드를 살펴보겠습니다.
모듈을 수평으로 중앙에 배치할 때 가장 먼저 떠오르는 것은 margin:0 auto;입니다. 그래서 오늘은 fit-content 속성을 소개하겠습니다. 혹시 사용해보신 분들이 계시다면 이 글을 건너뛰셔도 됩니다. 이전에는 이 속성에 대해 몰랐는데, 이 CSS 속성은 수평 중앙 정렬에 사용되는 것으로 밝혀졌습니다. Fit-content는 CSS3의 width 속성에 대해 새로 추가된 속성 값입니다. 수평 중심 맞추기를 쉽게 하기 위해 코드를 살펴보겠습니다.
너비가 설정되지 않았고 요소에 float:left가 포함된 경우 먼저 코드를 살펴보겠습니다.
이 경우 fit-을 추가하면 탐색이 중앙에 위치하지 않습니다. 여백을 사용하여 중앙에 배치하도록 설정하여 콘텐츠를 표시합니다.
현재 이 속성은 Chrome 및 Firefox 브라우저만 지원합니다. 다음은 중심 코드입니다.
위 내용은 CSS3에서 수평 중앙 정렬을 달성하기 위해 fit-content를 사용하는 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.