재단-Flex Grid
그리드는 플렉스 디스플레이 속성 에 따라 다릅니다 . 자동 스태킹, 소스 정렬, 수직 정렬 및 수평 정렬과 같이 flexbox에서 사용할 수있는 여러 기능으로 구성됩니다.
브라우저 지원
플렉스 그리드는 Chrome, Firefox, Internet Explorer 10 이상, Safari 6 이상, Android 4 이상 및 iOS 7 이상에서 지원됩니다.
다음 표는 설명과 함께 Flex Grid의 기능을 설명합니다.
Sr. 아니. | 특징 및 설명 |
---|---|
1 | 가져 오기 기본 CSS를 사용하기위한 플렉스 그리드 용 내보내기 믹스 인이 포함되어 있습니다. |
2 | 기초 Flex 그리드 구조는 플로트 그리드의 구조와 유사합니다. |
삼 | 고급 사이징 크기 조정 클래스가 열에 포함되지 않은 경우 자체적으로 확장되어 열의 나머지 공간을 채 웁니다. |
4 | 반응 형 조정 플렉스 그리드의 명시적인 열 크기가 제공되지 않으면 열 크기가 자동으로 조정됩니다. |
5 | 열 정렬 플렉스 그리드 열은 상위 행에서 가로 또는 세로 축으로 정렬 될 수 있습니다. |
6 | 소스 주문 소스 순서는 다른 크기의 화면에서 열을 재배 열하는 데 도움이됩니다. |
7 | Sass 참조 SASS (Syntactically Awesome Stylesheet)는 CSS의 반복을 줄이고 시간을 절약하는 데 도움이되는 CSS 전 처리기입니다. |