From da78a9e329e272dedb2400b79a3bdeebff387d47 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:17 -0500 Subject: initial commit --- files/ko/glossary/flex_container/index.html | 36 +++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 files/ko/glossary/flex_container/index.html (limited to 'files/ko/glossary/flex_container/index.html') diff --git a/files/ko/glossary/flex_container/index.html b/files/ko/glossary/flex_container/index.html new file mode 100644 index 0000000000..8d70d17c82 --- /dev/null +++ b/files/ko/glossary/flex_container/index.html @@ -0,0 +1,36 @@ +--- +title: 플렉스 컨테이너 +slug: Glossary/Flex_Container +tags: + - CSS + - Glossary + - flexbox +translation_of: Glossary/Flex_Container +--- +

{{glossary("flexbox", "플렉스박스")}} 레이아웃은 부모 요소의 display 속성에 flex 또는 inline-flex 값을 지정해 정의합니다. 이 때, 부모 요소는 플렉스 컨테이너, 각각의 자식 요소를 {{glossary("flex item", "플렉스 항목")}}이 됩니다.

+ +

flex 값은 요소를 블록 레벨 플렉스 컨테이너로 지정하고, inline-flex는 인라인 레벨 플렉스 컨테이너로 지정합니다. 두 값은 요소에 새로운 플렉스 서식 맥락을 생성합니다. 플렉스 서식 맥락은 블록 서식 맥락과 유사하여 플로팅 요소가 컨테이너를 침범하지 않으며, 컨테이너의 바깥 여백이 자기 아래 플렉스 항목의 바깥 여백과 상쇄되지 않습니다.

+ +

더 알아보기

+ +

속성 참고서

+ +
+ +
+ +

더 읽어보기

+ + -- cgit v1.2.3-54-g00ecf