css 使图片水平垂直居中
1.利用display:table-cell,具体代码如下:
html代码如下:
1 <div class="img_wrap">
2 <img src="wgs.jpg">
3 </div>
css代码如下:
复制代码
1 .img_wrap{
2 width: 400px;
3 height: 300px;
4 border: 1px dashed #ccc;
5 display: table-cell; //主要是这个属性
6 vertical-align: middle;
7 text-align: center;
8 }
复制代码
效果如下: