全面总结使用CSS实现水平垂直居中效果的方法

发布时间：2020-03-17 07:23:38 所属栏目：系统来源：互联网

导读：这篇文章主要介绍了使用CSS实现水平垂直居中效果的方法的总结,涵盖了从最原始的高度设置到令人兴奋的CSS3的Flexbox方式,非常全面,十分推荐!需要的朋友可以参考下

</div>

CSS Code

CSS Code复制内容到剪贴板

.item {padding-top:30px;padding-bottom:30px;}

优点：

在所有浏览器下能正常工作，支持所有元素，简单易懂，结构清晰

缺点：

使用这种方法不能给容器固定高度，如果固定高度将无法达到效果。

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!