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

104%

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

104%

검색하기 폼
  • Web FrontEnd Developer (413)
    • Today I Learned (8)
    • Project Structure (4)
    • Electron (4)
    • Nest.js (3)
    • Node.js (2)
    • Next.js (1)
    • React (30)
    • Redux & Middleware (1)
    • Typescript (7)
    • Webpack (9)
    • Javascript (34)
    • HTML&CSS (13)
    • 자료구조 (11)
    • 알고리즘 (66)
    • 디자인패턴 (1)
    • Git (1)
    • 독후감 & 감상평 (9)
    • 프로젝트 (3)
      • Pickvs.com (2)
    • 컴퓨터 공학과 졸업 (200)
      • 안드 개발 기록 (21)
      • 블록체인 (8)
      • 기본 개념 (13)
      • JSP&Servlet (9)
      • 스프링 프로젝트 (17)
      • 무선 네트워크 (24)
      • 소켓 프로그래밍 (36)
      • 기본 개념2 (7)
      • 기타 (2)
      • 면접준비 (6)
      • 자바 (1)
      • 데이터베이스 (22)
      • 객체지향 (7)
      • 시스템프로그래밍 (3)
      • 운영체제 (20)
      • 안드로이드 Trouble Shooting (4)
    • 후기 및 일상 (0)
    • 운전 (0)
  • 방명록

calc (1)
CSS - 2019.04.23

1. display:flex를 부모에 주고, side의 너비 300px main의 flex:1 속성을 주면 된다. 2. display:table을 부모에 주고, 자식에 각각 display:table-cell; 속성을 주면 된다. 마찬가지로 side에 너비 300px 3. clac는 벤더프리픽스를 붙여주자.(낮은 버전의 브라우저에서 안돌아갈 수 있으므로 크로스 브라우징 해준다) 1. block 속성인 div를 나열하면 수직으로 나열 된다. 이걸 수평으로 바꾸려면 각 div에 float:left를 주거나 각 div의 블록 속성을 inline-block으로 바꿔주는 두가지 방법이 있다. 후자의 방법으로 했을때 div끼리 마진이 생기기 때문에 margin: 0 -3px로 그 마진을 없애주자. 2. 인라인 요소들..

HTML&CSS 2019. 4. 23. 12:48
이전 1 다음
이전 다음
공지사항
  • Email : simsimjae@naver.c⋯
  • BOJ : simsimjae
  • GitHub : www.github.com/s⋯
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • react
  • type alias
  • reducer
  • return type
  • es6
  • reactdom
  • Babel
  • useEffect
  • props
  • computed
  • javascript
  • design system
  • Polyfill
  • promise
  • typescript
  • react hooks
  • Action
  • useRef
  • async
  • webpack
  • storybook
  • mobx
  • state
  • server side rendering
  • Next.js
  • hydrate
  • rendering scope
  • atomic design
  • await
  • reflow
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

티스토리툴바