这个是群里一个兄弟给的答案，放上去好多了

<style>
.fourPic {
width: 1080px;
margin: 0 auto 0;
}
.fourPic ul {
margin: 2px 1px;
}
.fourPic ul li {
float: left;
line-height: 10px;
margin: 0 5px 6px 4px;
width: 260px;
}
</style>
<div class="fourPic">
<ul>
<li>
<img src="/wp-content/uploads/2016/03/gg8.jpg" title="虚位以待">
</li>
<li>
<img src="/wp-content/uploads/2016/03/gg8.jpg" title="虚位以待">
</li>
<li>
<img src="/wp-content/uploads/2016/03/gg8.jpg" title="虚位以待">
</li>
<li>
<img src="/wp-content/uploads/2016/03/gg8.jpg" title="虚位以待">
</li>
</ul>
</div>