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

잘살아보자

· 2014-05-09 (금) 19:24:43 · 조회 3478 3478 · 댓글 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 반응형 웹접근성

제목	글쓴이	날짜	조회
그누보드5 관리자 메뉴추가 방법 #개발자 #php	파아랑 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-04-30	조회 4,454
달력 출력하기 #개발자 #php	devdev 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-04-27	조회 1,858
네이버 아이디로 로그인(메타로그인) #개발자 #php	파아랑 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-04-26	조회 2,066
GPS정보 모바일에서 사용하기 #개발자 #php	파아랑 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-04-13	조회 2,138
SNMP(Simple Network Monitoring Protocol)과 MRTG 관련정보 #개발자 #php	파아랑 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-04-13	조회 1,356
이미지 파일을 base64 로 인코딩하여 전송 및 보여주기 #개발자 #php	네이비컬러 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-03-25	조회 3,836
phpinfo 페이지 내에 삽입하기 #개발자 #php	네이비컬러 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-03-25	조회 1,523
date 함수를 이용하여 주를 날짜로 변환하기 #개발자 #php	관리자 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-03-12	조회 1,427
php array 로 만든 페이징 [1] #개발자 #php	탈퇴회원 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-03-12	조회 2,891
PHP5.3 이상에서 PHP 오류 메시지 출력하기 [1] #개발자 #php	바보천사 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	14-02-24	조회 2,261
php 개발 공부하려는데 좀알려주세요 [2] #개발자 #php	bewitched 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-12-27	조회 1,998
게시판 페이지 관련 글입니다. #개발자 #php	프로프리랜서 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-11-18	조회 1,934
간단하게 구현한 파일업로드 소스입니다. [3] #개발자 #php	프로프리랜서 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-11-18	조회 4,262
PHP 스크립트에서 에러메시지 제어하기 옵션 #개발자 #php	CTOMAN 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-10-17	조회 2,155
include된 파일목록 출력하기 [3] #개발자 #php	젠틀퀘남 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-10-03	조회 3,850
간단하게 파일을 쓰거나 읽는 함수 [3] #개발자 #php	프로프리랜서 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-10-02	조회 1,556
숫자를 한글로 출력하게 해주는 함수 입니다. [2] #개발자 #php	프로프리랜서 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-09-29	조회 2,143
php+js의 배열연결법입니다. [1] #개발자 #php	프로프리랜서 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-09-29	조회 1,549
메쏘드 static 선언 [2] #개발자 #php	젠틀퀘남 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-09-17	조회 1,377
시리얼번호생성기 [1] #개발자 #php	senseme 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-09-11	조회 3,549
for , while , if 편하게 사용하는 방법 [3] #개발자 #php	탈퇴회원 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-09-09	조회 1,827
GMAIL의 SMTP 메일 발송 함수 [3] #개발자 #php	떵짜루 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-09-05	조회 6,737
PREG 한글 특수문자 체크 & 추출 [1] #개발자 #php	관리자 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-08-23	조회 3,188
우분투 서버 셋팅하는 방법 [1] #개발자 #php	프로프리랜서 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-08-22	조회 2,729
ereg_replace 정규식, 바뀔문자, 변수 입니다 [2] #개발자 #php	프로프리랜서 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	13-08-22	조회 2,062

글쓰기