通过对于标签Li的样式控制,实现分列显示

作者:动易网络 来源:本站原创 点击数: 发布时间:2012年02月07日

问题描述:如何修改标签达到如下效果图:

原理分析:由于系统中主标签负责数据查询,样式标签负责控制数据输出的风格和样式,并且大部分样式列表标签的数据都是通过Li来实现列表输出的,因此,我们可以适当的调整样式标签中Li的风格样式,实现列表标签的分列输出。

解决方法:在系统后台找到“XX列表_普通式”,复制一个命名为“XX列表_普通式(1)”,然后我们开始编辑该副本标签,在标签中找到样式Li,并且为其做以下样式定义:

  • style="float:left;width:25%" > 则实现四列输出

    标签调用方式:{PE.Label id="XX列表" bindStyle="普通式(1)" /} 标签其他参数则正常使用,这里省略。。

    当然,可以修改样式中的百分比来实现多种分列输出;

    另外,对于CSS控制熟悉的话,可以将Li的样式书写到系统模板中所引用的样式表文件里边。