您的位置 首页 css教程

css中有哪些方法可以实现垂直居中

css实现垂直居中的方法如下:

1、利用line-height实现居中,这种方法适合纯文字类的;

<!-- css --><style>.parents {  height: 400px;  line-height: 400px;  width: 400px;  border: 1px solid red;  text-align: center;}.child {  background-color: blue;  color: #fff;} </style></head><body><!-- html --><div class="parents">   <span class="child">css布局,实现垂直居中</span></div></body>

效果:

cf2107043f8587b8a39d71d4f3c1811.png

文章来源:火云技术网

文章标题:css中有哪些方法可以实现垂直居中

文章地址:https://www.pyhw.net/30534_css%e4%b8%ad%e6%9c%89%e5%93%aa%e4%ba%9b%e6%96%b9%e6%b3%95%e5%8f%af%e4%bb%a5%e5%ae%9e%e7%8e%b0%e5%9e%82%e7%9b%b4%e5%b1%85%e4%b8%ad-2.html

关于作者: 火云技术网

热门文章

发表评论

您的电子邮箱地址不会被公开。

网站地图