css如何通过实现让文字在框内水平垂直都居中

 时间:2024-09-21 01:53:52

我们在网页中经常看到一个搜索框像淘宝的,文字在这个框内中间,那么这种是如何实现的呢?下面教你方法。

css如何通过实现让文字在框内水平垂直都居中

工具/原料

sublinetext

chrome

电脑

方法/步骤

1、在html文件中引入css样式,如下图。

css如何通过实现让文字在框内水平垂直都居中

2、在css里写如下代码width:200px; height:100px;出现一个长方形。

css如何通过实现让文字在框内水平垂直都居中

3、css里再输入:text-align:center,设置水平居中。

css如何通过实现让文字在框内水平垂直都居中

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

css如何通过实现让文字在框内水平垂直都居中

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

css如何通过实现让文字在框内水平垂直都居中

实现整个html居中最简单方法 html轮播图怎么制作 网页设计HTML中如何插入背景图片 如何在HTML中插入图片 怎样让html中的文字垂直水平居中显示
热门搜索
张学友电影 最美的时候遇见你 电影 河南嵩山少林寺图片 花车装饰图片 暴走漫画搞笑图片