list用来做友链的容器，如何分割一下或加一条竖线！

ufo1982ufo

1.   <div component="$UI/system/components/justep/list/list" class="x-list x-scroll-h" xid="list3" data="linkData" style="overflow-x:auto;">
   
2.    <ul class="x-list-template" xid="listTemplateUl3">
   
3.     <li xid="li3"><a xid="a1" bind-text='val("name")' bind-attr-href='val("url")' ><![CDATA[]]></a></li></ul> </div>

复制代码

在源码里按照教程写了！如下




加入：class="pull-left"后变成：
结果如图！：



我希望向论坛右下角的这样：

liangyongfei

可以直接在li 后面添加一个span  标签  ，赋值为 |  就可以了吧！

ufo1982ufo

liangyongfei 发表于 2017-5-26 10:21
可以直接在li 后面添加一个span  标签  ，赋值为 |  就可以了吧！

加了之后a标签的pull-left就没有效果了，就是竖向排列了！

liangyongfei

ufo1982ufo 发表于 2017-5-26 10:26
加了之后a标签的pull-left就没有效果了，就是竖向排列了！

样式问题自己调一下呗！
要不就在li 里面

加a标签应该是 <a>|</a>  才对啊！要成对的！
使用float-left 也可以 浮动的！

要不就给这个字段的值后面加个竖斜杠呗