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