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

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

涉及到input里的文字的标签大致有两种——文本框和按钮，即：



这两种input标签属于“行内块元素”，它既按照块元素显示外观，又按照行内元素排列，所以想调整其内部的文字位置可按照块元素的方法来。下面是示例（仅以button为例，text同理）：
文字左右对齐，可使用text-align属性来控制，例如：
文字上下对齐，可使用padding-top和padding-bottom来精确控制，例如文字靠下：

input里插个class=""，用CSS样式来控制文字样式

可以通过text-align来控制文字位置
left(默认)文字靠左
right 文字靠右
center文字居中

涉及到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" />

input 里面的value="文字"支持空格；value="文字"
如果是input的高度是你自己设置的话，你就给他加一个行高
比如你设置的这个input的高度是25px
<style>
.input{width:200px;height:25px;line-height: 25px;}
</style>
<input type="text" value="文字" />
追问：其实我是想说字是位于顶部而不是在水平居中。。。该怎么调整呢
追答：位于顶部是什么意思，如果你的input额外设置了高度的话，默认的情况下它是在输入框的左上角的。有没有示意图发一下