div中的图片居中

问题摘要：

如何让一个div中的图片居中？

先看jsp代码：

<div class="png_div">
    <img alt="" src="vc4/img/logotitle.png">
</div>

现在给图片所在的div添加样式

.png_class{
  width:200px;
  height:40px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

注意：

 1.png_class的width不能小于图片的尺寸。

 2.因为有display属性，所以png_class的width不支持百分比形式。

3.如果是让div中的小div居中显示的话，也是通过这几个属性来实现的。

实现效果：

.

来源：CSDN

作者：叫我吕小布

链接：https://blog.csdn.net/qq_36769100/article/details/79297792