CSS를 이용해 객체 가운데 위치하기!
CSS를 이용해 객체 가운데 위치하기! 객체를 가운데에 두는 방법에는 여러 개가 있다. calc를 기억해두려는 목적으로 글을 쓰기 시작했는데, 내가 작업하면서 써봤던 방법을 작성해두려고 한다. (flex-box는 논외) 조건은 부모 객체의 가운데에 위치시키기다. HTML CSS.wrapper{ position:relative; width:400px; height:400px; background-color:#cacaca;}.popup{ position:absolute; top:50%; left:50%; margin-top:-75px; margin-left:-75px; width:150px; height:150px; background-color:pink;} 이런 식으로 영역의 50%를 top, left 내..
개념
2018. 10. 29. 15:47
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- vue.js
- JS
- 브라우저
- 공부
- Article
- VUE
- 기초
- Method
- React
- 타입스크립트
- 리액트
- 자바스크립트
- jQuery
- 코딩애플
- 뷰
- 차이
- JavaScript
- 아티클
- css
- 통신
- 메서드
- 제로초
- 프로젝트
- 강의
- frontend
- 제이쿼리
- html
- Study
- 프론트엔드
- TypeScript
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함