子容器居中显示在父容器中
来源:互联网 发布:跳跃网络平台 编辑:程序博客网 时间:2024/06/05 02:02
<style>
.partent{
background-color:#3C0;
position:relative;
width:600px;
height:600px;
}
.child{
background-color:#F00;
position:absolute;
width:300px;
height:300px;
left:50%;
top:50%;
margin:0 auto;
margin-left:-150px;
margin-top:-150px;
}
</style>
</head>
<body>
<div class="partent">
<div class="child"></div>
</div>
</body>
.partent{
background-color:#3C0;
position:relative;
width:600px;
height:600px;
}
.child{
background-color:#F00;
position:absolute;
width:300px;
height:300px;
left:50%;
top:50%;
margin:0 auto;
margin-left:-150px;
margin-top:-150px;
}
</style>
</head>
<body>
<div class="partent">
<div class="child"></div>
</div>
</body>
0 0
- 子容器居中显示在父容器中
- 当前容器在窗口中居中显示
- 如何让div容器水平居中显示在父容器中
- 容器内的子控件居中显示
- 子容器在父容器中水平和垂直居中的解决办法
- 文本/容器居中显示
- 子容器垂直居中于父容器的方案
- 图片在容器中水平居中css
- 在容器中显示窗体
- 盒子居中 在一个div在父容器div中垂直居中
- 如何设置图片、文字在容器(div)中垂直居中的显示?
- 设置Swing 容器居中显示
- 容器内图片居中显示
- 图片在固定大小容器中等比居中显示
- 任意大小的图片在固定容器居中显示
- HTML 子div在父div中居中显示
- 父、子容器高度不定,实现垂直居中
- jqDnR扩展功能,实现子容器在父容器中拖拽
- HTTP Error 500.19 错误 0x80070021
- 范式
- 【bzoj2466】【中山市选】【树】【高斯消元+dfs】
- R语言︱非结构化数据处理神器——rlist包
- Java设计模式之代理初探
- 子容器居中显示在父容器中
- Toolbar 实践
- 使用appledoc 生成技术API文档详解
- AndroidStudio解决无错误但所有方法提示的问题
- Swift开源项目汇总
- ubuntu虚拟机14.04及版瓦工15.10 安装gitlap
- 列标头固定的联系人列表
- Java正则表达式入门
- 博客搭建github pages + HEXO