Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- react-query
- 로그인
- plugin
- vue login
- Firebase
- 뷰
- 플러그인
- vue
- jwt
- AWS
- PWA
- login
- 기획
- express
- 정리
- 프론트
- Docker
- javascript
- 회고록
- extension
- vsCode
- vuex
- database
- react
- Git
- nginx
- 토이프로젝트
- 셋팅
- 배포
- 신상마켓
Archives
- Today
- Total
목록수평 중앙 정렬 (1)
강디너의 개발 일지
CSS 수직 중앙, 수평 중앙 정렬
수평 중앙 정렬 1. text-align 을 이용한 가운데 정렬 inline 요소는 text-align 속성을 이용해서 가운데 정렬 가능 2. margin을 이용한 가운데 정렬 넓이가 정해져있는 경우 margin 값을 이용해 가운데 정렬 가능margin 속성 값이 2개일 경우margin: (위,아래) (왼쪽,오른쪽); margin 속성 값이 4개일 경우margin: (위) (오른쪽) (아래) (왼쪽); 3. Position을 이용한 가운데 정렬 position: absolute 는 position: static 속성을 가지고 있지 않는 부모를 기준을 잡습니다.그래서 상위 div에 relative 속성값을 부여했습니다. 수직 중앙 정렬과 수직, 수평 가운데 정렬 1. Postion을 이용한 수직 정렬 to..
CSS
2018. 5. 28. 00:51