[1원짜리팁] div 나 span 등에 tag에서 수직 정렬하기
div, span 등 태그에서는 수직 중앙 정렬이 안되죠
vertical-align : middle
이것이 정상적으로 인식 하지 않아요
하지만 불가능하지 않아요..
<div style='display:table-col;vertical-align:middle;width:400px;height:400px;'>중앙</div>
이렇게 하면 수직 정렬이 가능해요.
수평 정렬은 당연 text-align으로 하면 되죠.
이 둘을 이용하면 정중앙에 배치를 할 수 있어요
vertical-align : middle
이것이 정상적으로 인식 하지 않아요
하지만 불가능하지 않아요..
<div style='display:table-col;vertical-align:middle;width:400px;height:400px;'>중앙</div>
이렇게 하면 수직 정렬이 가능해요.
수평 정렬은 당연 text-align으로 하면 되죠.
이 둘을 이용하면 정중앙에 배치를 할 수 있어요
댓글 2개
11년 전
감사합니다.
많은 도움이 되었습니다 ^^
많은 도움이 되었습니다 ^^
10년 전
적용해봤는데 잘 안 되길래 검색해보니 table-cell 이었어요- 하지만 어쨌든 몰랐던 새로운 지식을 얻게 됐습니다. 감사합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 2407 | |
| 2399 | |
| 2397 | |
| 2379 | |
| 2362 |
웹접근성
자바스크립트를 끈 로그인 폼
15
|
| 2359 | |
| 2358 |
CSS
IE6/7 img px 버그
|
| 2346 | |
| 2332 | |
| 2329 | |
| 2326 |
HTML
IE6 PNG 초 간단하게 적용
3
|
| 2325 | |
| 2322 | |
| 2321 | |
| 2317 | |
| 2312 |
웹접근성
웹접근성이란?
3
|
| 2309 |
웹접근성
웹표준형 화면 확대/축소
8
|
| 2308 | |
| 2305 | |
| 2301 |
CSS
그라디언트 에디터
7
|
| 2300 | |
| 2293 | |
| 2288 | |
| 2281 |
HTML
object 태그 질문 드ㅡ립니다
2
|
| 2276 | |
| 2273 | |
| 2270 |
CSS
가상클래스 순서 외우기
3
|
| 2263 | |
| 2261 |
반응형
반응형웹 패턴/리소스/뉴스
4
|
| 2258 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기