css照片在div居中

CSS中，居中是一个非常基础的问题。在网页制作中，经常需要将图片或文本居中对齐，尤其是在使用DIV布局时，如何将图片或文本居中对齐是编程者需要熟练掌握的技巧。

下面我们以图片居中对齐为例，在DIV中使用CSS来实现：

div {
  
   
   width: 300px;
  
   
   height: 300px;
  
   
   text-align: center;
  
}
  
  
  img {
  
   
   margin: 0 auto;
  
   
   display: block;
  
}
 

以上代码中，我们将DIV的宽度和高度都设置为300px，text-align:center表示让DIV中的内容居中对齐。而图片的margin:0 auto;则是让图片居中对齐。

需要注意的是，由于图片默认是inline元素，所以margin:auto只对宽度起作用，无法使height居中对齐，因此我们需要使用display:block来将图片改为块级元素，使其能够通过margin:auto来实现垂直居中对齐。

最后，以上代码中的300px为举例，具体的宽度和高度可根据实际需求进行调整。