让已知宽高的div上下左右居中
来源:互联网 发布:算法设计与分析 pdf 编辑:程序博客网 时间:2024/05/06 18:17
html:
<div id="header">
<div></div>
</div>
css:
方法1:
#header{
width:500px;
height:500px;
border:1px solid #000;
}
#header>div{
width:100px;
height:100px;
background-color:#f00;
margin:200px auto;
}
方法2:
#header{
width:500px;
height:500px;
border:1px solid #000;
position:relative;
}
#header>div{
width:100px;
height:100px;
background-color:#f00;
position:absolute;
//让内部div的左上角居中
top:50%;
left:50%;
margin:-50px 0 0 -50px;
}
效果如图所示:
阅读全文
0 0
- 让已知宽高的div上下左右居中
- div的上下左右居中问题
- 怎样让div中的字上下左右居中
- CSS实现已知宽高的div垂直居中;自适应高度两列布局
- 如何让一个div中嵌套的div上下左右都居中
- 未知宽高的img在已知宽高的div中水平垂直居中的几种方法
- 如何让未知宽高的图片在已知宽高的父元素中垂直居中?
- 如何让div水平居中以及垂直居中,在宽高不定的情况下
- 实现div的上下左右都居中
- div中的文字上下左右居中的方法
- css div上下左右居中
- div 上下左右居中显示
- div上下左右居中
- DIV内容上下左右居中实例
- 设置DIV上下左右均居中
- div中的文字上下左右居中
- Html div上下左右居中显示
- 不确定宽高的图片或者视频在一个盒子里的上下左右居中
- Struts2 动态方法调用
- 多线程学习之多线程的控制
- jeecg入门-代码生成文件配置
- Spring-boot中使用Cache
- android 字体倾斜的边缘显示不完整问题
- 让已知宽高的div上下左右居中
- banner无限轮播
- Swift_混编
- 讲课大师 如何更新讲课接口
- MapReduce的模式、算法和用例
- ID3分类决策树算法
- SDUT 2543 整除
- 查询表中第五条到第十条的数据
- SpringMVC中JSP取不到ModelAndView的数据原因