728x90
반응형
바깥블럭
내부블럭
위치지정이 되지 않은 상태의 div들. 각각 높이와 너비가 지정되어있다.
1. div 가로방향만 중간에 위치시키기
바깥블럭
내부블럭
내부 div에 css 추가 : "margin:0 auto;"
2. div 정중앙에 위치시키기
바깥블럭
내부블럭
바깥 div에 css 추가 : " position:relative;" 내부 div에 css 추가 : " position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;" 바깥div에대하여 절대위치를 지정한다.
3. div 높이만 중간에 위치시키기
바깥블럭
내부블럭
바깥 div에 css 추가 : " position:relative;" 내부 div에 css 추가 : " position:absolute; top:0; bottom:0; margin:auto;"
728x90
반응형
'왕초보 개발일지 > 기타' 카테고리의 다른 글
| [css/jquery]문자열 길이에 상관없이 div 중간에 위치시키기 (0) | 2019.06.03 |
|---|---|
| ,를 줄바꿈태그로 바꾸기 (0) | 2019.05.31 |
| trim()함수를 사용하지 않는 공백제거(정규식 이용) (0) | 2019.05.30 |
| trim(), toLowerCase(), toUpperCase() (0) | 2019.05.30 |
| .tagName (0) | 2019.05.30 |
댓글