全面总结使用CSS实现水平垂直居中效果的方法
发布时间:2020-03-20 06:20:50 所属栏目:系统 来源:站长网
导读:副标题#e# 说起水平垂直居中大家常看到的是使用绝对定位与负margin的配合或者是inline-block配合vertical-align:middle等方法。当然还有其他一些解决方案,比如说,在水平垂直居中系列中介绍了一些制作方案。但这些方案或多或少都存在一些局限性。假设,要
<div class="item">test</div> </div>
CSS Code复制内容到剪贴板
.item {padding-top:30px;padding-bottom:30px;}
在所有浏览器下能正常工作,支持所有元素,简单易懂,结构清晰 缺点: 使用这种方法不能给容器固定高度,如果固定高度将无法达到效果。 (编辑:源码网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
站长推荐
热点阅读