首页 > 建站教程 > Div+Css >  css技巧九:文字和输入框的垂直对齐正文

css技巧九:文字和输入框的垂直对齐

先在IE内核下运行下面的代码:


提示:您可以先修改部分代码再运行

运行后我们发现,“网站模板”文字和input顶对齐,这不是我们想要的效果,我们希望文字和input垂直居中对齐,修改input的css如下即可解决:
<style style="text/css">
    div{border:1px solid red; line-height:50px; height:50px}
    input{height:30px; vertical-align:middle;}  /*vertical-align:middle;为垂直居中的意思*/
</style>