와플앱 도구 안내

CSS 플렉스박스 생성기

  • CSS 플렉스박스 생성기는 웹페이지 제작에 필요한 코드 조각을 만들거나 정리하는 도구입니다.
  • 제목, 설명, 색상, 규칙, 디자인 옵션을 입력하면 CSS나 HTML 메타 코드를 생성합니다.
  • 생성된 코드를 확인해 사이트 헤더, 스타일, SEO 설정에 붙여 넣을 수 있습니다.
관련 도구 그라데이션 생성기 그림자 생성기 색상 팔레트 명도대비 검사 랜덤 색상 생성 색상 혼합기

CSS 플렉스박스 생성기

flex 방향, 정렬, 줄바꿈, 간격을 조절해서 플렉스 레이아웃 CSS를 만듭니다.

direction
justify
align

gap은 최신 브라우저에서 flex에도 안정적으로 동작합니다.