因为某种原因。 我的首页在生成后 多出了一个 空白! <ul></ul> 我找不到办法解决多出这个空白<ul>来。 所以想请教。 如何在CSS中定义 如果 <ul>之前没有内容</ul> 那这个<ul></ul>不执行或作废。 因为我定义了 <ul>的宽为100 ,要是执行这个<ul> 那有个很大的空白! 如果谁有空的话,对DZ熟悉的话,帮我看看如果去掉这个多的<ul></ul>这样更好 谢谢。 解决问题,送200CH币!(以示谢意,虽然CH币也没什么用)
我修改的是DZ论坛 文件是 模板 index.htm 我要实现的效果是 子论坛列表。 相当与 网站地图 效果: 1大类 1小类 2小类 3小列 2大类 1小类 2小类 3小类 我修改了后的index.htm 其中有一段是: <div id="info"><ul> <!--{loop $forumlist $key $forum}--> <!--{if $forum['type'] == 'group' && $forumlist[($key + 1)]['type'] == 'forum'}--> </ul><ul> <h2>$forum[name]</h2> <!--{elseif $forum['permission']}--> <li><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><a>(<font color=red>$forum[threads]</font>)</a></li> <!--{/if}--> <!--{/loop}--> </ul> </div> 生成后的代码是 <div id="info"><ul> </ul><ul> <h2>1大类</h2> <li><a href="forumdisplay.php?fid=3">1小类</a><a>(<font color=red>4</font>)</a></li> <li><a href="forumdisplay.php?fid=4">2小类</a><a>(<font color=red>0</font>)</a></li> <li><a href="forumdisplay.php?fid=5">3小类</a><a>(<font color=red>0</font>)</a></li> </ul><ul> <h2>2大类</h2> <li><a href="forumdisplay.php?fid=8">1小类</a><a>(<font color=red>0</font>)</a></li> <li><a href="forumdisplay.php?fid=9">2小类</a><a>(<font color=red>0</font>)</a></li> <li><a href="forumdisplay.php?fid=10">3小类</a><a>(<font color=red>0</font>)</a></li> </ul> </div> 这个是目前我知道的最好的办法。 如果改成 <div id="info"> <!--{loop $forumlist $key $forum}--> <!--{if $forum['type'] == 'group' && $forumlist[($key + 1)]['type'] == 'forum'}--> <ul> <h2>$forum[name]</h2> <!--{elseif $forum['permission']}--> <li><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><a>(<font color=red>$forum[threads]</font>)</a></li> <!--{/if}--> <!--{/loop}--> </ul> </div> 效果是 <div id="info"><ul> <h2>1大类</h2> <li><a href="forumdisplay.php?fid=3">1小类</a><a>(<font color=red>4</font>)</a></li> <li><a href="forumdisplay.php?fid=4">2小类</a><a>(<font color=red>0</font>)</a></li> <li><a href="forumdisplay.php?fid=5">3小类</a><a>(<font color=red>0</font>)</a></li> <h2>2大类</h2> <li><a href="forumdisplay.php?fid=8">1小类</a><a>(<font color=red>0</font>)</a></li> <li><a href="forumdisplay.php?fid=9">2小类</a><a>(<font color=red>0</font>)</a></li> <li><a href="forumdisplay.php?fid=10">3小类</a><a>(<font color=red>0</font>)</a></li> </ul> </div> 这样更乱套!
这样呢? <div id="info"> <!--{loop $forumlist $key $forum}--> <!--{if $forum['type'] == 'group' && $forumlist[($key + 1)]['type'] == 'forum'}--> <ul> <h2>$forum[name]</h2> <!--{elseif $forum['permission']}--> <li><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><a>(<font color=red>$forum[threads]</font>)</a></li> <!--{/if}--> </ul> <!--{/loop}--> </div>
按楼上的来是 <div id="info"><ul> <h2>1大类</h2> <li><a href="forumdisplay.php?fid=3">1小类</a><a>(<font color=red>4</font>)</a></li></ul> <li><a href="forumdisplay.php?fid=4">2小类</a><a>(<font color=red>0</font>)</a></li></ul> <li><a href="forumdisplay.php?fid=5">3小类</a><a>(<font color=red>0</font>)</a></li></ul> <h2>2大类</h2> <li><a href="forumdisplay.php?fid=8">1小类</a><a>(<font color=red>0</font>)</a></li></ul> <li><a href="forumdisplay.php?fid=9">2小类</a><a>(<font color=red>0</font>)</a></li></ul> <li><a href="forumdisplay.php?fid=10">3小类</a><a>(<font color=red>0</font>)</a></li></ul> </div>
你不定义 ul 的宽度 100px ,而通过外层的容器来定义呢? 经测试,似乎可以满足你的要求。 PHP: <div id="info"> <div id="box"> <ul> <!--{loop $forumlist $key $forum}--> <!--{if $forum['type'] == 'group' && $forumlist[($key + 1)]['type'] == 'forum'}--> </ul> </div> HTML: #box { width: 100px; }
这样写: <div id="info"><ul class="hidden"> <!--{loop $forumlist $key $forum}--> <!--{if $forum['type'] == 'group' && $forumlist[($key + 1)]['type'] == 'forum'}--> </ul><ul> <h2>$forum[name]</h2> <!--{elseif $forum['permission']}--> <li><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><a>(<font color=red>$forum[threads]</font>)</a></li> <!--{/if}--> <!--{/loop}--> </ul> </div> 然后CSS里面定义 .hidden { visibility: hidden; } 另外,你底下的ul里包含h2,这个不太标准吧。