资讯列表页怎么做实现调用12条文章 每调用两个文章循环一次啊

主要为了将附件图和文字的位置控制在上下 这样子形成错落排班 

比如第一条文章图在下，标题描述在上。 第二条文章  图在上面 ，标题 描述在下面。以此类推

<div class="inf_twoin">

				<div class="inf_conbox">
					<a href="#" target="_blank" title="网站建设配色原则和技巧">
						<div class="inf_txt">
							<div class="inf_date">2019/09/04</div>
							<div class="inf_tit">网站建设配色原则和技巧</div>
							<div class="inf_xiang">摘要：网站建设前提就需要一个好的网站设计，包括图片和颜色的搭配。这也是做网站设计最基本的原则和技...</div>
							<div class="inf_add">+</div>
						</div>
						<div class="inf_img">
							<img src="uploadfile/2019/0904/20190904034252566.jpg" style="width: 100%;" alt="烟台网站建设配色原则和技巧">
							<div class="inf_imgup"></div>
						</div>
					</a>
				</div>

				<div class="inf_conbox">
					<a href="#" target="_blank" title="如何提高网站流量?">
						<div class="inf_img">
							<img src="uploadfile/2019/0903/20190903014554116.jpg" style="width: 100%;" alt="网站建设如何提高网站流量?">
							<div class="inf_imgup"></div>
						</div>
						<div class="inf_txt">
							<div class="inf_date">2019/09/03</div>
							<div class="inf_tit">网站建设如何提高网站流量?</div>
							<div class="inf_xiang">摘要：对于一个企业来说，网站流量好不好与推广的效果和产品销量都有着密切的联系，是否能盈利，甚至对...</div>
							<div class="inf_add">+</div>
						</div>
					</a>
				</div>

				<div class="clearfix"></div>
			</div>