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 이었어요- 하지만 어쨌든 몰랐던 새로운 지식을 얻게 됐습니다. 감사합니다.
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5327 |
GINUSSOFT
|
12년 전 | 5130 | |
| 5326 | 12년 전 | 6214 | ||
| 5325 | 12년 전 | 1915 | ||
| 5324 |
 jakekwak |
12년 전 | 1693 | |
| 5323 |
CTOMAN
|
12년 전 | 1969 | |
| 5322 | 12년 전 | 1751 | ||
| 5321 | 12년 전 | 2427 | ||
| 5320 | 12년 전 | 3664 | ||
| 5319 | 12년 전 | 1603 | ||
| 5318 |
프로프리랜서
|
12년 전 | 1353 | |
| 5317 |
프로프리랜서
|
12년 전 | 991 | |
| 5316 |
프로프리랜서
|
12년 전 | 1240 | |
| 5315 |
프로프리랜서
|
12년 전 | 1155 | |
| 5314 |
프로프리랜서
|
12년 전 | 1365 | |
| 5313 |
프로프리랜서
|
12년 전 | 1955 | |
| 5312 |
프로프리랜서
|
12년 전 | 1510 | |
| 5311 |
프로프리랜서
|
12년 전 | 1351 | |
| 5310 |
프로프리랜서
|
12년 전 | 3899 | |
| 5309 |
프로프리랜서
|
12년 전 | 1522 | |
| 5308 | 12년 전 | 1179 | ||
| 5307 | 12년 전 | 5142 | ||
| 5306 | 12년 전 | 2509 | ||
| 5305 |
오늘도망했다
|
12년 전 | 2241 | |
| 5304 |
senseme
|
12년 전 | 3342 | |
| 5303 | 12년 전 | 3627 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기