如何让一个div中嵌套的div上下左右都居中##
ps:本人亲测,阿里云2核4G5M的服务器性价比很高,新用户一块多一天,老用户三块多一天,最高可以买三年,感兴趣的可以戳一下:阿里云折扣服务器
用CSS3里的translate()方法,具体如下:
justify-content:center;align-items:center;display:-webkit-flex;
实现代码:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="border:1px solid blue;height:300px;width:300px;justify-content:center;align-items:center;display:-webkit-flex;"><div style="border:1px solid red;height:100px;width:100px;"></div></div>
</body>
</html>