css实现图片上下左右居中

一种常用的方式是把外层的 div 设置为 table-cell；然后让内部的元素上下左右居中。
CSS 代码如下：

.content {
   
	  width: 400px;
	  height: 400px;
	  border: 1px solid #ccc;
	  text-align: center;
	  display: table-cell;
	  vertical-align: middle