一个div在另外一个div中居中
来源:互联网 发布:ubuntu移除文件夹 编辑:程序博客网 时间:2024/06/05 13:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style >
.root-div {
height: 300px;
width:300px;
background:blue;
}
.children-div{
width:100px;
position:relative;
margin:0 auto;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
background:red;
}
</style>
</head>
<body>
<div class="root-div">
<div class="children-div">aaabbbb</div>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style >
.root-div {
height: 300px;
width:300px;
background:blue;
}
.children-div{
width:100px;
position:relative;
margin:0 auto;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
background:red;
}
</style>
</head>
<body>
<div class="root-div">
<div class="children-div">aaabbbb</div>
</div>
</body>
</html>
阅读全文
0 0
- 一个div在另外一个div中水平垂直居中
- 一个div在另外一个div中居中
- 如何在一个div中使其子div居中
- 如何在一个div中使其子div居中
- 如何通过函数在div中插入另外一个jsp
- 盒子居中 在一个div在父容器div中垂直居中
- DIV+CSS架构下 在一个DIV中居中另一个DIV
- 怎么让div在另外一个div之上
- 如何将div悬浮在另外一个div之上?
- 居中一个div
- 让一个div在页面底下,居中
- 一个div中文字居中的方法
- 如何使一个div在另一个div中绝对居中(水平与垂直方向)
- 如何使一个div在另一个div中绝对居中(水平与垂直方向)
- 在一个div上添加另外一个div:例如在一个div的左上角添加一个logo
- 将一个div 里的内容显示在另外的一个div里面
- 如何垂直居中一个DIV
- div+css 怎么让一个小div在另一个大div里面 垂直居中
- android JKS,keystore 以及密钥对生成与读取方法
- Python学习笔记
- 搭建Storm集群
- 最短路(常用算法)----更新ing
- 关于Android的语言适配
- 一个div在另外一个div中居中
- TLS/SSL 协议详解 (22)TLS1.3
- BZOJ3876: [Ahoi2014&Jsoi2014]支线剧情(上下界费用流)
- Android开发中dip,dpi,density,px等详解
- druid quickstart 错误
- ajax使用函数中的this变量问题及其解决方法
- Docker之容器
- Python MySQLdb
- 使用JDBC配置mysql