본문 바로가기
실습기록

7월 3일 project - CSS 레이아웃

by project100 2023. 7. 4.

flex 사용

 

 

이번에야말로 CSS Flex를 익혀보자

이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누

studiomeal.com

 

CSS Flex(Flexible Box) 완벽 가이드

많은 경우 float, inline-block, table 등의 도움을 받아서 수평 레이아웃을 구성하지만 이는 차선책이며, 우리는 Flex(Flexible Box)라는 명확한 개념(속성들)으로 레이아웃을 쉽게 구성할 수 있습니다. CSS F

heropy.blog

 

flex 정렬

 

flex 속성 사용 방법: 좌측, 우측, 중앙 정렬 등

CSS flex의 이해 CSS flex는 크게 컨테이너와 아이템으로 구성됩니다. flex 속성을 통해 아이템을 정렬하려면, 컨테이너가 필수적입니다. 즉, 기본적으로 부모 태그에 display: flex; 또는 display: inline-flex

oneroomtable.com

 

 

'실습기록' 카테고리의 다른 글

7월 5일 project - 데이터베이스 뷰 생성(My SQL)  (0) 2023.07.08
7월 4일 project - AJAX  (0) 2023.07.05
JavaScrip 버튼 눌러서 배경색 변경  (0) 2023.02.18
CSS 연습  (0) 2023.01.31
HTML 작성 예시  (0) 2023.01.19