Power 개발일지

  • 홈
  • 태그
  • 방명록

CSS 1

[CSS-기초] - display: flex;속성

오늘은 display: flex;속성에 대해 알아보겠습니다.flex속성은 css에 display 속성 중 하나로써 박스 레이아웃을 작성할 때 사용되는 아주 유용한 방법입니다.이런 flex속성은 요소들을 유연하고 균형 잡힌 배치를 가능하게 도와줍니다. 1.flex속성 주요 속성우리가 display: flex;속성을 사용하였을 때 쓸 수 있는 속성들입니다.flex-direction주 축(메인 축)의 방향을 설정합니다. (row, column 등)justify-content주 축(가로)을 따라 자식 요소들을 정렬합니다. (가운데 정렬, 간격 분배 등)align-items서브 축(세로)을 따라 자식 요소들을 정렬합니다. (위, 가운데, 아래 정렬 등)flex-wrap자식 요소들이 한 줄에 다 안 들어갈 때 줄바..

CSS 2025.05.01
이전
1
다음
더보기
프로필사진

Power 개발일지

현재 고등학교 2학년이며, 웹 개발을 공부하고 있습니다. 개발하면서 새롭게 배운 내용이나 느낀 점들을 정리하여 개발 일기로 공유하고 있습니다.

  • 분류 전체보기 (4)
    • HTML (2)
    • CSS (1)
    • JavaScript (1)
    • php (0)
    • node.js (0)
    • React (0)

Tag

CSS, JavaScript, HTML, 웹개발, 웹 개발 #html,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바