category_tree.lbi有问题

2016-07-07 16:43 来源：www.chinab4c.com 作者：ecshop专家

如果分类文字过长, 无法自动回车,整个商品都变下去了.
但是发现子分类里面就没有这个问题.

附件a1看到突出了
a2是正常的


大家看看如何改改


<div class="title-div"><img src="./images/category.gif" alt="Category" width="158" height="39" /></div>
<div id="cat-div">
<ul>
<!--{foreach from=$categories item=cat}-->
<li>
<span class="parent-cat"><A href="{$cat.url}">{$cat.name|escape:html}</A></span><br />
<!--{foreach from=$cat.children item=child}-->
<span style="white-space: nowrap;"><A href="{$child.url}">{$child.name|escape:html}</A></span>
<!--{/foreach}-->
</li>
<!--{/foreach}-->
</ul>
</div>

a1.JPG (33.84 KB)

a1.JPG

a2.JPG (19.3 KB)

a2.JPG


回答：
建议分类名不要太长.

解决方法:

  1. <div class="title-div"><img src="./images/category.gif" alt="Category" width="158" height="39" /></div>
  2. <div id="cat-div">
  3. <ul>
  4. <!--{foreach from=$categories item=cat}-->
  5. <li>
  6. <span class="parent-cat"><A href="{$cat.url}">{$cat.name|escape:html}</A></span><br />
  7. <!--{foreach from=$cat.children item=child}-->
  8. <span><A href="{$child.url}">{$child.name|escape:html}</A></span>
  9. <!--{/foreach}-->
  10. </li>
  11. <!--{/foreach}-->
  12. </ul>
  13. </div>
复制代码