[펌글] input type='text' 세로 가운데 정렬 (인풋박스 내의 텍스트 가운데 정렬)

By | 4월 17, 2009

- 출처 : http://jucheck.net/blog/21 -

<input name="이름" type="text" style="border:0 padding-top:2; text-align:center;" />

----------------------------------------------------------------
justify 는 가로 정렬입니다. text-align
제가 알기로는 텍스트박스에서 세로 정렬은 없는걸로 알고 있습니다.
편법이 있다면 padding-top을 2~3 px정도 주시면 될듯하구요.
-------------------------------------------------------------
<input type='text' style='text-align:center'>

text-align:center는 가로 가운데 정렬입니다.  세로의 가운데 정렬은 어떻게 구현하는지..
text-valign:middle로 하니 안되는 군요... ^^; 
----------------------------------------------------------------
vertical-align 이라는 속성이 있긴 하지만 안 되더군요.
<네모 valign:가운데><input style:border:0></네모>
이런 식으로 input 박스가 마치 네모인 것처럼 속여야 겠지요.
꽁수.. 

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments