>웹 프론트엔드 >CSS 튜토리얼 >CSS 플렉스박스란 무엇입니까? 무슨 소용이 있나요?

CSS 플렉스박스란 무엇입니까? 무슨 소용이 있나요?

不言
不言원래의
2019-01-18 17:13:355111검색

CSS 플렉스박스란 무엇인가요? 무슨 소용이 있나요? 이번 글에서는 CSS Flexbox 관련 내용을 소개하겠습니다.

CSS 플렉스박스란 무엇입니까? 무슨 소용이 있나요?

CSS 플렉스박스란 무엇인가요?

Flexbox는 CSS3에 추가된 새로운 기능으로, 전체 이름은 유연한 상자 레이아웃 모듈입니다. CSS 플렉스박스란 무엇입니까? 무슨 소용이 있나요? 레이아웃을 사용하면 가로 레이아웃을 더 쉽게 만들 수 있습니다.

레이아웃에 Flexbox를 사용할 때 상위 요소를 Flex 컨테이너라고 하고 하위 요소를 Flex Item이라고 합니다. CSS Flexbox의 기능을 살펴보겠습니다.

CSS CSS 플렉스박스란 무엇입니까? 무슨 소용이 있나요?의 용도는 무엇인가요?

Flexbox는 자동으로 높이를 조정할 수 있습니다. 플로팅 또는 인라인 블록에서 높이 정렬이 가능합니다. 블록의 내용이 증가하더라도 자동으로 조정됩니다. 매번 제어하기 위해 jQuery를 사용할 필요가 없습니다.

Flexbox에서는 정렬 순서를 지정할 수 있습니다. 일반적으로 병렬 레이아웃을 만들 때 수직 정렬과 동일한 방법으로만 정렬할 수 있으며, Flexbox를 사용하면 정렬 순서를 마음대로 변경할 수 있습니다. 순서의 급격한 변화에 대처합니다.

Flexbox를 사용하면 여백을 쉽게 지정할 수 있습니다. 요소를 나란히 배열할 때 주변 가장자리를 처리하는 문제가 있습니다. Flexbox를 사용하면 이 여백을 간섭 없이 완료하는 방법을 지정할 수 있습니다.

이 기사는 여기서 끝납니다. 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 관련 칼럼 튜토리얼을 참고하세요! ! !

위 내용은 CSS 플렉스박스란 무엇입니까? 무슨 소용이 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.