Question

CSS里input标签里的文字位置怎么调整呢

Answer 1

涉及到input里的文字的标签大致有两种——文本框和按钮，即：
<input type="text" value="文本框" />
<input type="button" value="按钮" />这两种input标签属于“行内块元素”，它既按照块元素显示外观，又按照行内元素排列，所以想调整其内部的文字位置可按照块元素的方法来。下面是示例（仅以button为例，text同理）：
文字左右对齐，可使用text-align属性来控制，例如：<input type="button" value="按钮" style="width:80px; text-align:left" />
文字上下对齐，可使用padding-top和padding-bottom来精确控制，例如文字靠下：<input type="button" style="padding-top:20px; padding-bottom:0" />

Answer 2

涉及到input里的文字的标签大致有两种——文本框和按钮，即：
<input
type="text"
value="文本框"
/>
<input
type="button"
value="按钮"
/>
这两种input标签属于“行内块元素”，它既按照块元素显示外观，又按照行内元素排列，所以想调整其内部的文字位置可按照块元素的方法来。下面是示例（仅以button为例，text同理）：
文字左右对齐，可使用text-align属性来控制，例如：<input
type="button"
value="按钮"
style="width:80px;
text-align:left"
/>
文字上下对齐，可使用padding-top和padding-bottom来精确控制，例如文字靠下：<input
type="button"
style="padding-top:20px;
padding-bottom:0"
/>

Answer 3

input
里面的value="文字"支持空格；value="
文字
"
如果是input的高度是你自己设置的话，你就给他加一个行高
比如你设置的这个input的高度是25px
<style>
.input{width:200px;height:25px;line-height:
25px;}
</style>
<input
type="text"
value="
文字
"
/>