前端题

用css样式实现：div宽度500px 高度300px。div里面有1到3个img元素。当只有一个img元素时，img元素的宽高为200px，img在div内上下左右居中；多余一个img元素时，img元素的宽高都是100px，img在div内上下居中，左右两端对齐
<div>
   <img src="01.png">
   <img src="02.png">
   <img src="03.png">

</div>

答案：
<style>
div { 
display:flex; 
justify-align:center; 
justify-content: space-around;
align-items: center;
width:500px; 
height:300px;
border: 1px solid red;
     }
img { width:100px;height:100px;}
img:only-child{width:200px;height: 200px;}
</style>

function abc(num){
var promise=new  Promise(function(resolv,reject){
if(num=1){
resolve(1);
}else{
reject(2);
}
});
return promise;
}
abc(1).then(function (data){
console.log("结果1 "+data);
},function(error){
console.log("结果2 "+error);
})

//回调函数
function def(num,callback){
if(num=1){
callback(1);
}else{
callback(2);
}
}
def(1,function(e){
console.log("结果3 "+e);
})