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

코딩 일기장

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

코딩 일기장

검색하기 폼
  • 분류 전체보기 (74) N
    • web (3)
    • javascript (4)
    • css (4)
    • spring (2)
    • algorithm (4)
    • 백준 (6)
    • nodejs (3)
    • 에러 (1)
    • reactJS (7)
    • programmers. Level1 (7)
    • programmers. Level2 (4)
    • programmers.Level3 (2)
    • 삼성 SW 역량 테스트 기출 문제 (1)
    • 서류 코테 면접 후기 (0)
    • 이것이 코딩 테스트다 (2)
    • 소프티어 (3)
    • 공부 (15)
  • 방명록

flex-box (1)
flexbox 정리

[container에 사용하는 속성들] display: flex justify-content : 중심축(row, column)에서의 위치를 조정해주는 속성 center flex-start flex-end space-around : 모든 아이템들이 같은 간격으로 배치 space-between: 첫 아이템과 마지막 아이템의 align-items : 수직축을 중심으로 위치를 조정해주는 속성 flex-start flex-end center baseline: 각 item들의 text가 같은 위치에 오도록 배치 stretch (default) flex-direction row: 요소들을 텍스트의 방향과 동일하게 정렬 row-reverse: 요소들을 텍스트의 반대 방향으로 정렬 column: 요소들을 위에서 아래로 ..

css 2021. 1. 6. 18:10
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • dfs
  • axios
  • CORS
  • 면접을 위한 CS 전공지식 노트
  • React
  • 자바스크립트
  • level1
  • TypeScript
  • 노마드코더
  • css
  • nomadcoder
  • level3
  • html
  • 이코테
  • 프로그래머스
  • reactjs
  • 파이썬
  • Hook
  • 이것이 취업을 위한 코딩테스트다
  • redux
  • programmers
  • 이것이코딩테스트다
  • 이진탐색
  • 상태관리
  • 기초
  • springboot
  • JavaScript
  • React.FC
  • 소프티어
  • CS
more
«   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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바