我们在网页中经常看到一个搜索框像淘宝的，文字在这个框内中间，那么这种是如何实现的呢？下面教你方法。工具/原料moresublinetextchrome电脑方法/步骤1/5分步阅读

在html文件中引入css样式，如下图。

2/5

在css里写如下代码

width: 200px;

height: 100px;

出现一个长方形。

3/5

css里再输入：text-align: center，设置水平居中。

4/5

设置行间距大小，因为只有一行，让它等于height的高度。即：line-height: 100px

5/5

再刷新页面，调整字体大小，发现可以了。

注意事项

总结：1，先水平居中：text-align:center 。

2，垂直居中，只需要让行间距line-height与height大小一样就可以了。