1.首先如果div中只有一行文字，那么可以通过将lineheight属性和height属性的值设为一样来实现。
2.如果div中有多行文字时，则需要通过position属性来实现垂直居中的效果了，代码如下：html:<div id=”box”><div id=”sub”><div id=”content”>垂直居中</div></div></div>css: #box{border:1px solid #000;background:#f00;position:relative;height:400px;width:400px} #sub{position:absolute;top:50%}#content{border:1px solid #fff;position:relative;top:-50%;color:#000}
1、新建一个html文档，可以用任何文本编辑器，这里演示用Dreamweaver软件，新建并保存html文档。
2、然后写html代码，写一个input文本输入框id为inputId，然后写一个按钮，id为buttonId，这里要做的是点击按钮就为输入框赋值。
3、然后把输入框和按钮的css样式写好。
4、打开浏览器测试一下，点击按钮之后输入框内自动居中了。
让搜索框和文字居中显示可以给他们加css样式。 搜索框属于标签，居中显示：margin:0 auto； 文字居中：text-align:center;
