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

Just Make IT

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

Just Make IT

검색하기 폼
  • 전체 글 보기 (143)
    • Frontend-dev (96)
      • HTML-CSS-JS (65)
      • react (30)
    • Backend-dev (36)
      • python (36)
    • Useful-tools (9)
    • computer (2)
  • 방명록

flex-grow (1)
flex의 아이템

아이템에 넣을 수 있는 속성들을 알아봅시다. 저번 시간엔 콘테이너에 넣을 수 있는 속성들을 배웠습니다. 이번 시간에는 아이템에 넣을 수 있는 속성들을 배워봅시다. 아이템에는 직계 자식 태그만 속한다는 것을 잊지 마세요. 컨테이너 안에 5개의 상자가 있습니다. 보시면 마지막 상자는 이름은 div-4인데 마지막에 위치해 있고, 다른 것들 보다 조금 길게 만들어졌군요. 긴 것은 길이를 다르게 설정했다고 하더라도 순서도 제가 다르게 입력했을까요?아래의 소스코드를 주목해주세요. div-1 div-2 div-3 div-4 div-5 container 역할을 하는 태그 안에 상자들은 1부터 5까지 순서대로 되어있습니다. #four에 order 값이 1인 것을 주목해 주세요. order 속성을 이용하면 아이템들의 순서..

Frontend-dev/HTML-CSS-JS 2018. 1. 7. 21:45
이전 1 다음
이전 다음
TAG
  • 플렉스
  • 리액트
  • es6
  • JavaScript
  • html
  • responsive web
  • 반응형 웹 예제
  • three.js 튜토리얼
  • python
  • 스크래핑
  • 장고 튜토리얼
  • css grid
  • React
  • 파이썬 예제
  • flex
  • 자바스크립트
  • 리액트 라우터
  • 깃허브
  • 반응형 웹
  • css
more
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바