테스트 사이트 - 개발 중인 베타 버전입니다
SIR

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

잘살아보자
프로필 보기이 회원 글보기
 · 11년 전 · 17064 · 2
div, span 등 태그에서는 수직 중앙 정렬이 안되죠

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

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

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

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

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

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



목록
이전글 다음글

댓글 작성

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

로그인하기

댓글 2개

탈리온
프로필 보기이 회원 글보기
 11년 전
감사합니다.
많은 도움이 되었습니다 ^^
이미나라
프로필 보기이 회원 글보기
 10년 전
적용해봤는데 잘 안 되길래 검색해보니 table-cell 이었어요- 하지만 어쨌든 몰랐던 새로운 지식을 얻게 됐습니다. 감사합니다.

게시글 목록

번호 제목
2922
HTML HTML 단락 <p> 태그
2921
HTML <h1> ~ <h6> 사용
2920
HTML html5 기본 구조
2919
기타 HTML5 Canvas 태그 예제
2918
HTML [HTML] 탭메뉴 dl dt dd
2917
HTML [HTML] 1원) html5 품검증 무력화시키기?
2915
반응형 media query 제거한 bootstrap css
2914
HTML css @page 속성. print 용지설정이 css 로~
2913
HTML 폼 전송할 때 알아야 할 팁
2912
CSS outline 속성
2910
반응형 모바일과 데스크탑 화면을 동시에 확인가능한 브라우져 blisk.io 1
2909
웹접근성 [웹접근성] ol과 ul 에 대해 1
2908
웹접근성 웹 접근성에 대한 이해
2907
기타 구글·MS·모질라·애플, 내년 3월 '웹어셈블리' 실험 지원
2906
CSS 레이아웃 없는 이미지 롤오버 테두리
2905
CSS css 팁
2903
CSS css 툴팁 만들기 1
2902
반응형 반응형웹 구축시 css calc() 활용팁 1
2901
CSS CSS EM REM VW VH VMIN VMA
2900
반응형 미디어쿼리 예제
2899
반응형 [반응형웹] - 미디어쿼리 (media Query) 간단한 예제 1
2897
CSS CSS3를 이용한 아코디언 메뉴 만들기
2896
CSS CSS3를 이용한 12달 달력 코딩하기
2895
CSS css3 와 제이쿼리를 이용한 이미지 슬라이드입니다.
2892
반응형 미디어쿼리 기초
2891
CSS CSS 기초강좌 - 링크(Link)
2890
웹접근성 실무에서 웹접근성 마크 획득시 주의사항
2889
HTML html 구조를 css로 자동 컨버팅 해주는 사이트
2873
HTML html관련 자료 사이트
2866
씨멘틱 마크업 - 이거 머냐 씹어먹는거냐? 2
이전 다음
전체 목록