[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 이었어요- 하지만 어쨌든 몰랐던 새로운 지식을 얻게 됐습니다. 감사합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 17730 | |
| 11739 | |
| 11738 |
MySQL
mysqlDB export 복원
|
| 20311 | |
| 11737 | |
| 11736 | |
| 11735 | |
| 11734 | |
| 11732 | |
| 11731 | |
| 11730 | |
| 11729 | |
| 11728 | |
| 20308 |
HTML
html5 멋진 사이트 1곳
2
|
| 20307 |
CSS
overflow 속성
|
| 11727 | |
| 11724 | |
| 11723 | |
| 20306 | |
| 20304 | |
| 11722 | |
| 11721 | |
| 11720 |
웹서버
wget에 대한 팁
|
| 11719 | |
| 11718 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기