我们在网页中经常看到一个搜索框像淘宝的，文字在这个框内中间，那么这种是如何实现的呢？下面教你方法。
工具/原料
1
sublinetext
2
chrome
3
电脑
方法/步骤
1
在html文件中引入css样式，如下图。
2
在css里写如下代码width: 200px; height: 100px;出现一个长方形。
3
css里再输入：text-align: center，设置水平居中。
4
设置行间距大小，因为只有一行，让它等于height的高度。即：line-height: 100px
5
再刷新页面，调整字体大小，发现可以了。
注意事项
1
总结：1，先水平居中：text-align:center 。
2
2，垂直居中，只需要让行间距line-height与height大小一样就可以了。
上一篇：css如何设置图片垂直居中