css实现div垂直水平居中常用方法分享

本篇内容主要讲解“css实现div垂直水平居中常用方法分享”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“css实现div垂直水平居中常用方法分享”吧!

成都创新互联公司服务项目包括新巴尔虎左网站建设、新巴尔虎左网站制作、新巴尔虎左网页制作以及新巴尔虎左网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，新巴尔虎左网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到新巴尔虎左省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

方法一：

利用vertical-align：middle进行垂直方向上的居中对齐，此方法需要满足的条件：

1. 设置父元素的行高line-height等于父元素height的高度

2. 子元素必须是行内块级元素display:inline-block;

3. 子元素设置vertical-align：middle

4. 此方法在开发中不能右浮动(不能靠右边)

下方是完整代码，可以新建一个HTML文件进行测试(绿色的盒子)：

xxxxxxxxxxx