본문 바로가기 메뉴 바로가기

나보단 잘하자

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

나보단 잘하자

검색하기 폼
  • 분류 전체보기 (256)
    • TIL Today I Learned (124)
    • Projects (9)
      • 원클릭 성적확인 서비스 (3)
      • 감정음악기록장 (6)
    • Basic_Studies (108)
      • 웹지식 (3)
      • Python (8)
      • HTML (2)
      • CSS (9)
      • Node.js (3)
      • JavaScript (18)
      • jQuery (3)
      • Vue.js & Nuxt.js (6)
      • React & Next.js (18)
      • 알고리즘 이론 (7)
      • 알고리즘 문제풀이 (20)
      • 그외 (11)
    • ERROR COLLECTION (13)
    • 나에게 하고싶은 말 (0)
    • 생각들 (1)
  • 방명록

Basic_Studies/CSS (9)
[CSS] Flex(Flexible Box)

CSS display속성 중 하나인 Flex는 말 그대로 유연하게 요소들을 배치시키도록 도와준다. display block이나 inline같은 경우는 위, 아래, 간격, 화면이 작아지면 어떤 상태로 배치될지 등을 개발자가 일일이 다 계산하고 맞춰보아야 한다. 그러나 flex는 자동으로 간격을 조정해주고 정렬해주는 등 복잡하게 했던 일들을 손쉽게 하도록 해준다. 아 당연히, 여태 이용했던걸로도 가능하다. 그렇지만 시간이 생명인 개발자들에게 좀 더 효율적이고 간편한 개발을 가능하게 해준다. 이전에 이용했던 float을 기억하는가? 사실 float의 애초의 목적은 글과 사진의 배치를 위한 것 이었다. 이는 오늘날 다양한 위치 조절을 위해 본래의 목적과 다른 역할을 부여받게 됐고... flex가 생기면서 flo..

Basic_Studies/CSS 2020. 7. 16. 18:26
이전 1 2 3 다음
이전 다음
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • nuxt 공식문서 한글
  • css 글래스모피즘
  • dvd 효과
  • 글래스모피즘 구현
  • vscode venv
  • 백준 10989 파이썬
  • 파이썬 크롤링
  • Til
  • 글래스모피즘 애니메이션 구현
  • 리액트
  • nextjs 스크롤
  • 리액트 스크롤
  • 파이썬 정렬
  • nuxt 공식문서
  • 파이썬 flask
  • 카페음료테스트
  • 자바스크립트
  • 움직이는 글래스모피즘
  • getserversideprops redirect
  • 리액트 컴포넌트
  • 10989 파이썬
  • 화이팅
  • NextJS
  • css marquee
  • nextjs 파라미터 넘기기
  • react router
  • 리액트 라우터
  • next.js 리다이렉트
  • bs4 크롤링
  • 리액트 파라미터 넘기기
more
«   2025/09   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바