CSS图片大小不固定的居中方法

<p class="box1">
 [站外图片上传中……(5)]
</p>

p{
 width: 500px;
 height: 500px;
 background: #ccc;
}
.box1{
 text-align:center;
 display: table-cell;
 vertical-align: middle;
 /* font-size: 118px; */
}
img{
 vertical-align: middle;
}

<p class="box3">
 <span>你好，我是测试数据你好，我是测试数据你好，我是测试数据你好，我是测试数据你好，我是测试数据你好，我是测试数据你好，我是测试数据你好，我是测试数据你好，我是测试数据你好，我是测试数据你好，我是测试数据你好，我是测试数据你好，我是测试数据你好，我是测试数据你好，我是测试数据你好，我是测试数据你好，我是测试数据你好，我是测试数据</span>
</p>

p{
 width: 500px;
 height: 500px;
 background: #ccc;
}
.box3{
 display: table-cell;
 vertical-align: middle;
}
span{
 display: inline-block;
 vertical-align: middle;
}