强制描述小部件在XUL中换行 [英] Forcing a description widget to wrap in XUL

问题描述

我试图在XUL应用程序中获取描述，即使它包含长行。

I am trying to get a description in a XUL application to wrap, even if it contains long lines.

例如，如果我将以下内容保存为。 xul文件，并在Firefox中打开它，它看起来很好，并适当地包装：

For example, if I save the following as a .xul file and open it in Firefox, it looks fine and wraps appropriately:

<?xml version="1.0"?>
 <?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
 <window
    id="theWindow"
    title="The Window"
    style="overflow: auto;"
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    xmlns:html="http://www.w3.org/1999/xhtml"
    >


  <vbox flex="1" style="max-width: 200px; overflow:auto; border: 1px dotted black; padding: 2px;">
    <description style="border: 1px solid black; padding: 2px;">test</description>
    <description style="border: 1px solid black; padding: 2px;">test test test test test test test test test test test test test test test test test test test test test</description>
  </vbox>
</window>

但是，如果我删除大行中的空格，获取滚动条以查看行：

However, if I remove the spaces in the big line, it doesn't get wrapped and I just get a scroll bar to see the line:

<?xml version="1.0"?>
 <?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
 <window
    id="theWindow"
    title="The Window"
    style="overflow: auto;"
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    xmlns:html="http://www.w3.org/1999/xhtml"
    >


  <vbox flex="1" style="max-width: 200px; overflow:auto; border: 1px dotted black; padding: 2px;">
    <description style="border: 1px solid black; padding: 2px;">test</description>
    <description style="border: 1px solid black; padding: 2px;">testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest</description>
  </vbox>
</window>

有任何方法，我可以使用CSS或任何其他东西强制长行包装达到200像素的限制？

Is there any way I can use CSS or anything else to force the long line to be wrapped when it reaches the 200 pixel limit?

推荐答案

Firefox 3.1支持此功能： http://www.css3.info/preview/word-wrap/

Firefox 3.1 supports this: http://www.css3.info/preview/word-wrap/

word-wrap属性是由Microsoft发明的，并添加到CSS3。它允许长字能够被打破并包装到下一行。它接受两个值;正常或中断词。
目前支持IE，Safari和Firefox 3.1（Alpha）。

The word-wrap property was invented by Microsoft and added to CSS3. It allows long words to be able to be broken and wrap onto the next line. It takes in two values; normal or break-word. This is currently supported in IE, Safari, and Firefox 3.1 (Alpha).

的Firefox没有标准的方式（谷歌是我的朋友）做的。一些建议使用一个小脚本，在该单词的中间添加< br /> 。使用 word-wrap：break-word ，并希望用户最终升级。

With older (and current) versions of Firefox there is no standard way (Google was my friend) of doing it. Some suggest using a small script that adds <br /> in the middle of the word. Use word-wrap:break-word and hope that users will eventually upgrade.

这篇关于强制描述小部件在XUL中换行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！