HTML/CSS图像对准

Question

我有这样的代码：

<div id="mainDiv" style="text-align:center> 
<img src="redFarm.jpg" style="width: 250px"> 
<img src="board.jpg" style="width: 750px"> 
<img src="blueFarm.jpg" style="width: 250px"> 
</div> 

板图像是恰好在屏幕的中心。现在，另一个人越接近中心越好，并且我希望他们尽可能多地到边界（左侧和右侧）。我尝试过很多组合，但没有任何运气。 你们可以给我一个指针吗？

感谢

Answer 1

尝试浮动图像左，右：

<div id="mainDiv" style="text-align:center"> 
<img src="redFarm.jpg" style="float:left; width: 250px"> 
<img src="board.jpg" style="width: 750px"> 
<img src="blueFarm.jpg" style="float: right; width: 250px"> 
</div> 

这使图像在容器的顶部;如果这是一个问题，你可以尝试明确指定高度。