织梦LIST标签分列的问题

来源：互联网发布：二战历史类书籍知乎编辑：程序博客网时间：2024/06/05 03:53

今天为大家解决一个织梦LIST标签分列的问题，很多朋友会问我为什么LIST标签的COL属性不出效果了，加上去怎么不分列。很多朋友的写法是这样是

{dede:list pagesize='10' col='4'}
    <li>
          [field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}'/></a>"); [/field:array]
     [<b>[field:typelink/]</b>]
     <a href="[field:arcurl/]" class="title">[field:title/]</a>
</li>
{/dede:list}

怎么测试好像图片都不分类，之前我也测试了很多次，就是没有效果，后来到DEDEl论坛去看，也没有什么帖子，属于就想到也许是DEDE本身的原因，COL真的失效了，分类本来就属于CSS的范畴，所以我想到用CSS解决此问题，CSS的代码如下：

.tupian{ width:750px; float:right
}
.tupian ul{ width:94%; margin:0px auto
}
.tupian ul li{ width:24%; float:left
}
标签使用代码如下

<div class="tupian">
   <ul >
{dede:list pagesize='10'}
    <li>
          [field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}'/></a>"); [/field:array]
     [<b>[field:typelink/]</b>]
     <a href="[field:arcurl/]" class="title">[field:title/]</a>

</li>
{/dede:list}
</ul>
</div>

根据个人的网页情况调试CSS的百分数值，这样就可以解决分列的问题了。