![css基础教程：[1]为网页使用网络字体](https://exp-picture.cdn.bcebos.com/cca2552c56ee7b7f34c65fc66ef4fcf5ef0d411f.jpg)
css基础教程：[1]为网页使用网络字体,本教程为大家介绍在网页上怎么使用网络字体。1，使用网络字体的好处是所有人看到的效果都是样的，效果统一，2，不依赖于用户电脑上是否安装了该字体。......
2023-03-16 328 CSS
css如何通过实现让文字在框内水平垂直都居中
来源：互联网
2023-03-16 19:17:37 版权归原作者所有，如有侵权，请联系我们
我们在网页中经常看到一个搜索框像淘宝的，文字在这个框内中间，那么这种是如何实现的呢？下面教你方法。
工具/原料
- sublinetext
- chrome
- 电脑
方法/步骤
在html文件中引入css样式，如下图。
在css里写如下代码
width: 200px;
height: 100px;
出现一个长方形。
css里再输入：text-align: center，设置水平居中。
设置行间距大小，因为只有一行，让它等于height的高度。即：line-height: 100px
再刷新页面，调整字体大小，发现可以了。
注意事项
- 总结：1，先水平居中：text-align:center 。
- 2，垂直居中，只需要让行间距line-height与height大小一样就可以了。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签：
上一篇：纯CSS实现图像边框的技巧 下一篇：css如何让图片只显示一部分
相关文章
- 详细阅读
-
怎么用div布局加css样式做网页详细阅读
怎么用div布局加css样式做网页,怎么做一个网页呢，静态页面的制作是很简单的，我们来看看怎么通过div布局 c样式来制作一个网页吧。......
2023-03-16 479 CSS
- 详细阅读
