你的位置:首页 > 软件开发 > 网页设计 > css笔记:如何让一个div居于页面正中间

css笔记:如何让一个div居于页面正中间

发布时间:2016-04-15 15:00:08
如何让一个div居于页面中间,我今天说的是让一个div水平居中同时垂直居中,而不是简单的top:50%,left:50%。当然,我们就按一开始的思路写一下:top,left属性都设为50%,看一下效果。<!DOCTYPE html><html lang=&quo ...

css笔记:如何让一个div居于页面正中间

如何让一个div居于页面中间,我今天说的是让一个div水平居中同时垂直居中,而不是简单的top:50%,left:50%。当然,我们就按一开始的思路写一下:top,left属性都设为50%,看一下效果。

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>div居于页面正中间</title>  <style type="text/css">    *{      margin: 0;      padding: 0;      background-color: #EAEAEA;    }    div{      width: 200px;      height: 200px;      background-color: #1E90FF;    }    .center-in-center{      position: absolute;      top: 50%;      left: 50%;    }  </style></head><body>  <div class="center-in-center"></div></body></html>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:css笔记:如何让一个div居于页面正中间

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。