讓div中的文字水平居中很容易，只需要將屬性text-align設置為center或?qū)argin設置為0 aotuo就可以了。而讓div中的文字垂直居中還是要費一番周折的。

1.首先如果div中只有一行文字，那么可以通過將lineheight屬性和height屬性的值設為一樣來實現(xiàn)。

2.如果div中有多行文字時，則需要通過position屬性來實現(xiàn)垂直居中的效果了，代碼如下：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、打開瀏覽器測試一下，點擊按鈕之后輸入框內(nèi)自動居中了。

讓搜索框和文字居中顯示可以給他們加css樣式。 搜索框?qū)儆跇撕灒又酗@示：margin:0 auto； 文字居中：text-align:center;