【原创】用不同的css格式处理灵动标签一次获取的信息

2015 年 4 月 29 日 by 沧海之树 In PHP技术, 工作

帝国的灵动标签e:loop是一个很好的功能，用过的人都很有感触，说灵动，也确实很灵动，很方便，但是大部分人都应该有一种感觉，就是灵动标签所获取到的记录，一般都是执行相同的操作，用一个模板套出类似的多条信息，比如如下所示：

但是其实不少时候，我们不单单想要让所有的信息采用相同的格式，比如有的时候我们想让其中的部分信息左对齐float:left;有部分信息右对齐float:right,这种情况其实应该是经常见的，本文以相对比较简单的方式，说明，如何完成类似上面的要求，对e:loop获取的数据分别进行排版和处理。

实现的要求：灵动标签获取的信息，单数信息左对齐(比如第1，第3，第5条信息float:left)，双数信息右对齐(比如第2，第4，第6条信息float:right)，最终实现的效果如下图：

通过在灵动标签中添加简单的php程序，具体实现的代码如下，其中的css都要根据自己网站的实际情况调整，笔者只提供解决的思路：

</div>

<?php $i=0; ?>

[e:loop={70,2,12,0}]

<div>

<div class="today_div" style="<?php $i=$i+1; if(($i%2)==1) echo "float:right;margin-right:3px;"; else echo "margin-left:3px;" ?>"> <a class="_block_today" href="http://www.meiniu.org<?=$bqsr['titleurl']?>" title="<?=$bqr['title']?>" target="_blank">

<div class="img_zc"><img src="<?=$bqr[titlepic]?>" alt="<?=$bqr['title']?>" height="105" width="146"></div>

</a>

</div>

[/e:loop]

[e:loop={71,2,12,0}]

<div>

<div class="img_zc"><img src="<?=$bqr[titlepic]?>" alt="<?=$bqr['title']?>" height="105" width="146"></div>

</a>

</div>

[/e:loop]

[e:loop={72,2,12,0}]

<div>

<div class="img_zc"><img src="<?=$bqr[titlepic]?>" alt="<?=$bqr['title']?>" height="105" width="146"></div>

</a>

</div>

[/e:loop]