OULOOK

OULOOK

  • 분류 전체보기 (26)
    • Drawing (0)
    • Html, Css (23)
    • Java Script (0)
    • jQuery (0)
    • Swiper (3)
  • 홈
  • 태그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

OULOOK

컨텐츠 검색

태그

src swiper Slide spacebetween pagination html ratio breakpoints Web keyboard control Coding mousewheel control slidesperview navgation responsive breakpoints breakpoints CSS transform Markup javascript cssmode

최근글

댓글

공지사항

아카이브

column(1)

  • flex

    ▼한줄에 여러 박스를 나열하고 싶을 때 ▷자식을 한줄에 여러개를 배치한다면 - 부모에게 display:flex; 입력 - justify-content:space-between (양쪽 끝을 기준으로 정렬, 맨끝에 위치) - justify-content:space-around (양쪽 끝을 기준으로 정렬, 양끝에 간격이 있음) - justify-content:center (가운데 정렬) ▼자식 줄바꿈 ▷자식의 너비가 부모의 너비보다 커질시 자동으로 줄을 바꾸어 배치한다 ▷부모에게 flex-wrap:wrap ㄴex) ul{ display:flex; justify:center; flex-wrap:wrap; } ▼정렬 기준 방향 설정 ▷flex-direction -row (기본값) : 왼쪽에서 오른쪽으로 수평 배치..

    2023.10.08
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바

단축키

내 블로그

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

블로그 게시글

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

모든 영역

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

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