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

코딩 일기장

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

코딩 일기장

검색하기 폼
  • 분류 전체보기 (74)
    • 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
  • 상태관리
  • CS
  • level1
  • 파이썬
  • 자바스크립트
  • 이진탐색
  • CORS
  • programmers
  • level3
  • 프로그래머스
  • 이것이 취업을 위한 코딩테스트다
  • 면접을 위한 CS 전공지식 노트
  • reactjs
  • Hook
  • axios
  • 소프티어
  • React
  • TypeScript
  • 노마드코더
  • css
  • JavaScript
  • redux
  • 이것이코딩테스트다
  • React.FC
  • 이코테
  • nomadcoder
  • html
  • 기초
  • springboot
more
«   2025/06   »
일 월 화 수 목 금 토
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

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.