加入收藏 | 设为首页 | 会员中心 | 我要投稿 常州站长网 (https://www.0519zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 服务器 > 系统 > 正文

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

发布时间:2020-03-17 12:25:47 所属栏目:系统 来源:站长网
导读:副标题#e# 说起水平垂直居中大家常看到的是使用绝对定位与负margin的配合或者是inline-block配合vertical-align:middle等方法。当然还有其他一些解决方案,比如说,在水平垂直居中系列中介绍了一些制作方案。但这些方案或多或少都存在一些局限性。假设,要

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

</div>  


CSS Code

CSS Code复制内容到剪贴板

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


优点:

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

缺点:

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

(编辑:常州站长网)

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

热点阅读