텍스트 중앙으로 옮기는 방법 부탁드립니다.

· 12년 전 · 1112 · 7
질문.png
사진을 보시면 위쪽으로 쳐져있는데 중앙으로 만들고 싶네요.

즉 세로로 중앙 만들고 싶습니다.

text-align:center; 이것은 가로로 중앙되는건데...

첨부파일

질문.png (14.3 KB)
0회 2013-05-03 11:59
|

댓글 7개

해당부분의 소스코드와 css를 알려주시면 봐드릴 수 있을거같은데요..
#chat .input-title {height: 22px;width:664px; background:url(/img/DOWN_bar.gif) repeat-x; text-align:center; color : #fee100; }

이것입니다.
<div class=menu>
<div class='input-title'>
<b>채팅 입력창</b>
</div>
<textarea type=text class="msg"></textarea>
</div>
line-height 속성을 이용해 보세요.
#chat .input-title b{display:block; margin:0 auto; padding-top:5px; }

CSS에 이렇게 추가해 주시고 padding-top: 값을 조절해서 맞춰주시면 됩니다
저런건 padding 으로 맞추는건 별로 효율적이지 못합니다.
위에 port 님이 말씀하신대로 line-height 사용하시면됩니다.

height 22px 로 잡혀있으니 line-height:22px 로 줘보세요.
그럼 중앙으로 정렬됩니다.
#chat .input-title span{display:inline-block;line-height:22px;vertical-align:middle;font-weight:700}
<div class=menu>
<div class='input-title'>
<span>채팅 입력창</span>
</div>
<textarea type=text class="msg"></textarea>
</div>

댓글 작성

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

로그인하기
🐛 버그신고