今天在前端需要将图片置于界面中央，苦苦搜寻，最终找到一个好用的CSS解决方案：
1 <div style="display: table;height: 100%; 100%;"> 2 <span style="display: table-cell;text-align: center;vertical-align: middle;"> 3 <img id="img" src="1.jpg"> 4 </span> 5 </div>
关键点：
父div设置display为table，子span设置display为table-cell后，text-align:center水平居中才有效，vertical-align:middle才有效。