使用绝对定位+负外边距让DIV层水平垂直居中页面

所需积分/C币:15 2020-12-02 16:33:00 30KB PDF
0
收藏 收藏
举报

让一个层水平垂直居中是一个非常常见的布局方式,但在html中水平居中使用margin:0px auto;可以实现,但垂直居中使用外边距是无法达到效果的。(页面设置height:100%;是无效的),这里使用绝对定位+负外边距的方式来实现垂直居中,但同时要考虑页面重置大小的情况,需要使用js来修正。 1、让层水平居中 复制代码代码如下: .className{ width:270px; height:150px; margin:0 auto; } 使用margin:0 auto;让层水平居中,留意宽度和高度必不可少。 2、让层垂直居中 复制代码代码如下: .className{ width

...展开详情
立即下载 低至0.43元/次 身份认证VIP会员低至7折
抢沙发
一个资源只可评论一次,评论内容不能少于5个字
weixin_38691256 欢迎大家使用并留下宝贵意见
2020-12-02
  • 分享王者

    成功上传51个资源即可获取
关注 私信 TA的资源
上传资源赚积分or赚钱
    最新推荐