css3水平垂直居中

时间：2015-05-25 16:05:12 阅读：143 评论：0 收藏：0 [点我收藏+]

标签：

.parent {
width: 200px;
height: 200px;
background-color: black;
}
.child {
position: relative;
height: 100px;
width: 100px;
top: 50%;
left: 50%;
background-color:red;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

css3水平垂直居中

标签：

原文地址：http://www.cnblogs.com/jingjing0518/p/4527872.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

36.VUE — 认识 Webpack 和安装 2021-07-28
【PHP】上传图片翻转问题 2021-07-28
php对数字进行万。亿的转化 2021-07-28
五个 .NET 性能小贴士 2021-07-28
Three.js中显示坐标轴、平面、球体、四方体 2021-07-28
.net 5+ 知新：【1】 .Net 5 基本概念和开发环境搭建 2021-07-27
1.html,css 2021-07-27
基于Docker搭建 Php-fpm + Nginx 环境 2021-07-27
nginx + http + svn 2021-07-27
kubernets kube-proxy的代理 iptables和ipvs 2021-07-26