前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >水平/垂直都居中的div

水平/垂直都居中的div

作者头像
菩提树下的杨过
发布2018-01-22 16:57:37
1.7K0
发布2018-01-22 16:57:37
举报
文章被收录于专栏:菩提树下的杨过

用css样式使div水平/垂直居中,兼容于目前各种主流浏览器 思路: 用绝对定位将div左顶点,定位于浏览器正中心,然后再利用负的margin,将div强迫向上移动div高度一半,向左移动div宽度一半

代码语言:js
复制
 <style>
 html,body{padding:0;margin:0;}
 #container {
  position:absolute;
  left:50%;
  width:400px;
  height:200px;
  margin-left:-200px;
  top:50%;
  margin-top:-100px;
  background:#ccc;
 }
 </style>
<div id="container"></div>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2008-01-30 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档