<!DOCTYPE html>
<html>
<head>
<meta name="author" content="http://www.softwhy.com/" />
<meta charset="gb2312">
<title>蚂蚁部落</title>
<style type="text/css">
.demo{
width:500px;
height:500px;
border:2px solid #ddd;
background:#f5f5f5;
padding:6px;
float:left;
margin-left:20px;
/flex布局（作用于容器）/
display:flex;
/水平居中（作用于容器）/
justify-content:center;
/垂直居中（作用于容器）/
align-items:center;
}
.demo img{
max-width:100px;
max-height:100px;
width:auto;
height:auto;
}
</style>
</head>
<body>
<div class="demo">
<img src="demo/CSS/img/girl.jpg">
</div>
</body>
</html>
网友评论