我在页面上有很多这样的 div:
我如何可以将这些图像内联以填充
这是我的来源
<div id="ranks_content">
<img src="/Ranks/GetRankImage/1" alt="Recruit" class="rank_picture"/>
<img src="/Ranks/GetRankImage/2" alt="Apprentice " class="rank_picture"/>
<img src="/Ranks/GetRankImage/3" alt="Apprentice " class="rank_picture"/>
<img src="/Ranks/GetRankImage/4" alt="Private " class="rank_picture"/>
<img src="/Ranks/GetRankImage/5" alt="Private " class="rank_picture"/>
<img src="/Ranks/GetRankImage/6" alt="Copral " class="rank_picture"/>
<img src="/Ranks/GetRankImage/7" alt="Copral " class="rank_picture"/>
<img src="/Ranks/GetRankImage/8" alt="Sergeant " class="rank_picture"/>
<img src="/Ranks/GetRankImage/9" alt="Sergeant " class="rank_picture"/>
<img src="/Ranks/GetRankImage/10" alt="Sergeant " class="rank_picture"/>
<img src="/Ranks/GetRankImage/11" alt="Gunnery Sergeant " class="rank_picture"/>
<img src="/Ranks/GetRankImage/12" alt="Gunnery Sergeant " class="rank_picture"/>
<img src="/Ranks/GetRankImage/13" alt="Gunnery Sergeant " class="rank_picture"/>
<img src="/Ranks/GetRankImage/14" alt="Gunnery Sergeant " class="rank_picture"/>
<img src="/Ranks/GetRankImage/15" alt="Lieutenant " class="rank_picture"/>
<img src="/Ranks/GetRankImage/16" alt="Lieutenant " class="rank_picture"/>
<img src="/Ranks/GetRankImage/17" alt="Lieutenant " class="rank_picture"/>
<img src="/Ranks/GetRankImage/18" alt="Lieutenant " class="rank_picture"/>
<img src="/Ranks/GetRankImage/19" alt="Captain " class="rank_picture"/>
<img src="/Ranks/GetRankImage/20" alt="Captain " class="rank_picture"/>
<img src="/Ranks/GetRankImage/21" alt="Captain " class="rank_picture"/>
<img src="/Ranks/GetRankImage/22" alt="Captain " class="rank_picture"/>
<img src="/Ranks/GetRankImage/23" alt="Major " class="rank_picture"/>
<img src="/Ranks/GetRankImage/24" alt="Major " class="rank_picture"/>
<img src="/Ranks/GetRankImage/25" alt="Major " class="rank_picture"/>
<img src="/Ranks/GetRankImage/26" alt="Major " class="rank_picture"/>
<img src="/Ranks/GetRankImage/27" alt="Commander " class="rank_picture"/>
<img src="/Ranks/GetRankImage/28" alt="Commander " class="rank_picture"/>
<img src="/Ranks/GetRankImage/29" alt="Commander " class="rank_picture"/>
<img src="/Ranks/GetRankImage/30" alt="Commander " class="rank_picture"/>
<img src="/Ranks/GetRankImage/31" alt="Colonel " class="rank_picture"/>
<img src="/Ranks/GetRankImage/32" alt="Colonel " class="rank_picture"/>
<img src="/Ranks/GetRankImage/33" alt="Colonel " class="rank_picture"/>
<img src="/Ranks/GetRankImage/34" alt="Colonel " class="rank_picture"/>
<img src="/Ranks/GetRankImage/35" alt="Brigadier " class="rank_picture"/>
<img src="/Ranks/GetRankImage/36" alt="Brigadier " class="rank_picture"/>
<img src="/Ranks/GetRankImage/37" alt="Brigadier " class="rank_picture"/>
<img src="/Ranks/GetRankImage/38" alt="Brigadier " class="rank_picture"/>
<img src="/Ranks/GetRankImage/39" alt="General " class="rank_picture"/>
<img src="/Ranks/GetRankImage/40" alt="General " class="rank_picture"/>
<img src="/Ranks/GetRankImage/41" alt="General " class="rank_picture"/>
<img src="/Ranks/GetRankImage/42" alt="General " class="rank_picture"/>
</div>
编辑:我使用 CSS3,这是我想如何显示这些图像的示例