程序博客网 > 人工智能时时彩

css常见的水平垂直居中

来源：互联网发布：人工智能时时彩编辑：程序博客网时间：2024/06/14 11:57

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>水平垂直居中</title>
</head>
<style>
.outBox {
position: relative;
width: 300px;
height: 300px;
background: #ff8300;
border: 1pxsolid#ff8300;
border-radius: 10px;
margin: auto
}
.innerBox {
position: absolute;
width: 100px;
height: 100px;
background: rgba(0,0,0, .7);
border: 1pxsolid#ff8300;
border-radius: 6px;
top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -50px;
}
</style>

<body>
<div class="outBox">
<div class="innerBox">

</div>
</div>
</body>

</html>


外层相对定位，内层绝对定位。看要居中的物体大小top,left统统50%，然后margin-left,margin-top 负的物体大小的一半，
比如一个内层100px*100px的，那就是margin-left:-50px;margin-top:-50px

阅读全文

0 0

人工智能时时彩

人工智能时时彩

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子微信支付发错了怎么办微信红包转错了怎么办手机银行转帐转错了怎么办网上转账转错了怎么办 qq转账转错了怎么办 atm转账转错了怎么办跨行转账转错了怎么办银行转账转错了怎么办建行转账转错了怎么办别人转账转错了怎么办 atm机转账转错了怎么办零钱提现不到账怎么办在微信转账转错怎么办微信红包被骗了怎么办微信转账超额了怎么办微信转账满20万怎么办微信不能转账了怎么办微信转账我删了怎么办学游泳浮不起来怎么办前期伤的打野怎么办村民被狼人查杀怎么办眼镜在学校丢了怎么办隐形掉眼睛里了怎么办洗完纹身增生了怎么办睫毛膏干了怎么办知乎维密天使来例假怎么办狼队ol关服玩家怎么办肩膀太宽骨架大怎么办 ast和alt都偏高怎么办小花仙账号忘了怎么办逆战安全码忘了怎么办命里婚姻不顺怎么办 30岁头发有好多变白怎么办 18岁个子长不高怎么办 9岁个子不高怎么办守灵的香没接上怎么办雷神的锤子碎了怎么办雷神3锤子被捏碎怎么办雷神之锤被毁了怎么办穿的裤子有静电怎么办裤子有静电贴腿怎么办