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

 <div class="item">test</div>  

</div>  

CSS Code

CSS Code复制内容到剪贴板

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

优点：

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

缺点：

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

（编辑：我爱故事小小网_铜陵站长网）

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