html绝对定位怎么页面居中,html – 如何将绝对定位的元素居中?

使位置居中的元素:绝对;应用通过使用两个嵌套元素(

demo).

>第一个元素绝对定位于将其置于所有其他元素之上

>第二个元素就像你期望的那样:使用margin:0 auto;以中心为中心.

HTML:

This is a modal window being centered.

CSS:

.outer-div {

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

z-index: 13;

/*

* Setting all four values to 0 makes the element as big

* as its next relative parent. Usually this is the viewport.

*/

}

.inner-div {

margin: 0 auto;

width: 400px;

background-color: khaki;

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值