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;