2007/01/16 14:08
<style type="text/css" />
body{font-size:12px;}
dl,dt,dd{margin:0;padding:0;}
dl {clear:both;height:24px;line-height:24px;width:600px;}
dt {padding:0 0 0 9px;float:left;letter-spacing:3px;}
dd {float:left;overflow:hidden;}
dd.more {text-align:right;float:right;}
dd a {padding:0 5px;border:1px solid;}
</style>
<dl>
<dt class="cate">[<a href="/Xinwen_Meiti/">新闻</a>]</dt>
<dd><a href="#" target="_blank">人民日报</a></dd>
<dd><a href="#" target="_blank">新浪新闻</a></dd>
<dd><a href="#" target="_blank">新华社</a></dd>
<dd><a href="#" target="_blank">中新网</a></dd>
<dd><a href="#" target="_blank">国际在线</a></dd>
<dd class="more"><a href="/Xinwen_Meiti/">更多>></a></dt>
</dl>
在IE下显示完全正常,在FF下有些就会掉下来显示。
百般测试都不知道是什么原因:(
后来,意外发现,在</dd>后面有个空格,删除后,居然就不会掉下来了。
随即单独测试,在</dd>后加一个半角空格,对页面没有影响。
在</dd>后加一个全角空格,后一个dd换行显示。
在另一个</dd>后加一个全角空格,只有第一个后dd会换行,其它都不会换行显示。

不是空格是什么?
从多选(multiple)的select中得到所选结果

