如何使用CSS在父div中水平居中放置一组4个图像？

Question

如何使用CSS在父div中水平居中放置一组4个图像(一个正方形块)？我还需要图像块占据100%的屏幕垂直。

谢谢。

<div id="outer" style="width:100%">
  <div id="photoBox" style="inline-block">
    <img src="#">
    <img src="#">
    <img src="#">
    <img src="#">
  </div>
</div>

Answer 1

你应该使用

display: inline-block而不是inline-block css样式表

Look here