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

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

잘살아보자
프로필 보기이 회원 글보기
 · 11년 전 · 17066 · 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 이었어요- 하지만 어쨌든 몰랐던 새로운 지식을 얻게 됐습니다. 감사합니다.

게시글 목록

번호 제목
2254
HTML 레이아웃이 비뚤합니다. 3
2247
HTML DIV의 justify 정렬 문제 7
2244
HTML CGF 사용 방법 (지운아빠님 보시면 참조되실 것 같아서. ㅎㅎ) 2
2239
HTML 메뉴하나 따라 만들어보고 있는데.. Css질문 4
2225
HTML ssl 웹페이지 적용 질문 드립니다. 3
2215
HTML ssl 웹페이지 적용 질문드립니다. 6
2214
HTML 고수님들 도움좀 부탁드립니다!
2207
HTML [접기 펴기]간단 소스 문의좀.. 2
2198
HTML 이런모양의 테이블을 만드는게 가능할까요? 9
2195
HTML 백그라운드 이미지+상단 백그라운드 적용 2
2192
HTML 테이블간 간격 문제 때문에 질문 올립니다. 2
2191
HTML 이미지 게시판 질문드려요
2190
HTML 모바일 퍼스트와 반응형 웹
2187
HTML 프레임 문의 드려요 ^^;; 2
2186
HTML HTML5 스터디가 가능할까요?
2181
HTML 반응형 웹 스타디 초안? 6
2180
HTML opacity 질문입니다.!
2172
HTML 안녕하세요! border 옵션 질문드리겠습니다~! 7
2170
HTML td안에 input type해서 검색창만들기...조언좀..부탁드려요 1
2169
HTML TD안에 검색창만들려구하는데요.. 도와주세요~~
2166
HTML td간격??글자간격..해결좀요 ㅠㅠ 2
2162
HTML php로 사이트 개발시 3
2158
HTML 모바일웹을 html5로 만들어도 되나요? 3
2156
HTML html5 table summary 1
2152
HTML border 에 대하여... [질문] 3
2148
HTML html5 <td headers='header_id'> 3
2145
HTML 플래시 태그를 잘 모르겠습니다 ㅠㅠ 2
2119
HTML 제일 이해안되는 문제.. 25
2112
HTML 태그 문의드립니다... 6
2104
HTML image replacement vs black hat techniques 7
이전 다음
전체 목록