2008年9月30日 星期二

XUL技巧之多行显示的description

上一篇文章《XUL技巧之自动换行的description》讨论了description的一个技巧,因为文件名已经定死了,所以另外一个技巧就另外开一篇。这一篇主要是关于怎样能让最后实际显示的结果和代码中的保持一致,代码中几行,实际显示几行。默认情况下,换行符会被空格替换的。

先看下面的代码:
<xul:description>
abc
def
</xul:description>

大家都知道description是用来显示块文字的,那么这段效果按道理来说应该显示为两行,可实际上确实下面的效果:
abc def

换行符实际上被替换为一个空格,这就比较不符合我们的要求啦。有问题自然有解决方法,下面是一种:
<xul:description>
abc<html:br>
def
</html:br>

浏览器可以同时解析xul和html,这种方法不是不行,但比较不纯粹。下面介绍另外一种方法:
<xul:description style="white-space: pre;">
abc
def
</xul:description>

这种办法显然顺眼多了吧。补充说一下,有人还推荐一种方法,但是在我现在使用的Firefox 3.0.3中是不生效的,也许以前的浏览器曾经好用过?注意,下面这种方法是无效的方法:
<xul:description>
<!--[CDATA[abc
def]]-->
</xul:description>

参考文档:
http://blogs.acceleration.net/ryan/archive/2005/03/10/711.aspx

0 评论: