CSS Flexbox 실습장

CSS Flexbox를 학습하고 실험해 볼 수 있습니다.

CSS

  

기능

Container properties panel
Add/remove items
Individual item controls
Live layout preview
Generate CSS code

사용 방법

1. 컨테이너 속성을 조정하세요.

2. 플렉스 아이템을 추가하거나 제거하세요.

3. 레이아웃이 실시간으로 업데이트되며 CSS를 복사할 수 있습니다.

자주 묻는 질문

What is Flexbox?
CSS Flexbox is a one-dimensional layout method for arranging items in rows or columns with flexible sizing.

관련 도구