[1원짜리팁] div 나 span 등에 tag에서 수직 정렬하기

잘살아보자

· 2014-05-09 (금) 19:24:43 · 조회 3502 3502 · 댓글 2 2

div, span 등 태그에서는 수직 중앙 정렬이 안되죠

vertical-align : middle
이것이 정상적으로 인식 하지 않아요

하지만 불가능하지 않아요..

<div style='display:table-col;vertical-align:middle;width:400px;height:400px;'>중앙</div>

이렇게 하면 수직 정렬이 가능해요.

수평 정렬은 당연 text-align으로 하면 되죠.

이 둘을 이용하면 정중앙에 배치를 할 수 있어요

#퍼블리셔 #css

글쓰기

댓글 2개

탈리온

프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기

2014-08-16 (토) 13:37:12

감사합니다.
많은 도움이 되었습니다 ^^

이미나라

프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기

2015-05-08 (금) 09:41:28

적용해봤는데 잘 안 되길래 검색해보니 table-cell 이었어요- 하지만 어쨌든 몰랐던 새로운 지식을 얻게 됐습니다. 감사합니다.

댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

태그 필터 (최대 3개) 전체 디자이너 개발자 javascript 기타 php linux mysql flash 정규표현식 jquery node.js mobile 웹서버 os 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성

제목	글쓴이	날짜	조회
GET,POST값 등을 JAVASCRIPT에서 사용할 경우[펌] #개발자 #javascript	잘살아보자 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-08-11	조회 3,363
jQuery 의 delegate 흉내내기 [1] #개발자 #javascript	수박한통 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-08-06	조회 1,370
script 디버깅 - JSHint #개발자 #javascript	수박한통 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-08-06	조회 1,029
스크립트 for문 #개발자 #javascript	잘살아보자 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-08-06	조회 952
자바스크립트 시작날짜 종료날짜 유효성 검사 함수 #개발자 #javascript	위토즈 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-08-01	조회 3,285
중첩없이 랜덤수 뽑아내기 #개발자 #javascript	잘살아보자 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-08-01	조회 1,151
자바스크립트에서 for문 사용시 속도차이 [1] #개발자 #javascript	수박한통 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-07-30	조회 1,623
그누보드5 에 Daum 우편번호 찾기 API 연동 하기 [1] #개발자 #javascript	위토즈 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-06-28	조회 2,424
그누보드4 에 Daum 우편번호 찾기 API 연동 하기. #개발자 #javascript	위토즈 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-06-28	조회 1,675
000000.1원팁 ^^ 자스로 아이프레임 target 제어 #개발자 #javascript	천재조상훈 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-05-11	조회 1,754
레이어를 이용한 셀렉트 박스 #개발자 #javascript	잘살아보자 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-05-09	조회 2,067
유투브 동영상 노출 시 자동 실행 또는 자동 종료 소스입니다. #개발자 #javascript	잘살아보자 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-05-09	조회 4,949
초보입니다. 이미지 롤링이 xp에서만 보이는데 문제가 뭘까요. 소스좀 봐주세요. [1] #개발자 #javascript	star3840 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-04-30	조회 1,251
아이폰5s 소개페이지같은 사이트 만들기(?) #개발자 #javascript	디귿 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-04-27	조회 1,470
[1원짜리팁]새창 띄우기 소스 [1] #개발자 #javascript	잘살아보자 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-04-25	조회 2,089
아이프로그램 닫기 #개발자 #javascript	잘살아보자 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-04-21	조회 1,097
자바스크립트 공백 제거 #개발자 #javascript	잘살아보자 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-04-21	조회 2,256
메뉴 네비 레이어 서서히 없어지는거 #개발자 #javascript	마뇽 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-04-10	조회 1,780
제니퍼소프트, UI 소스 오픈 하여군요 [1] #개발자 #javascript	비혼 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-04-01	조회 3,373
audio 음악이 끝났을때 이벤트를 넣을 수 있나요? [1] #개발자 #javascript	봉보로봉봉 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-03-03	조회 1,139
캔버스 ( html5 ) 그림 그리기3 #개발자 #javascript	예뜨락 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-02-25	조회 3,343
캔버스 ( html5 ) 그림 그리기2 #개발자 #javascript	예뜨락 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-02-14	조회 2,770
캔버스 ( html5 ) 그림 그리기 #개발자 #javascript	예뜨락 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-02-13	조회 2,504
자바스크립트로 이미지 롤링 관련 문의드립니다. #개발자 #javascript	밥솥쿠쿠 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-01-03	조회 2,459
위지윅 에디터 만들때 선택영역 풀리는 문제 [4] #개발자 #javascript	예뜨락 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-12-06	조회 1,610

글쓰기