强制描述小部件换行

Question

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

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

<?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>

但是，如果我删除大行中的空格，它不会被换行，我只是得到一个滚动条bar 查看行：

<?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 像素限制时换行吗？

Answer 1

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

自动换行属性由 Microsoft 发明并添加到 CSS3 中。 它允许长单词被分解并换行到下一行。 它接受两个值； 正常或断词。
目前 IE、Safari 和 Firefox 3.1 (Alpha) 支持此功能。

对于较旧（和当前）版本的 Firefox，没有标准的方法（Google 是我的朋友）。 有些人建议使用一个小脚本，在单词中间添加
。 使用word-wrap:break-word并希望用户最终升级。

Answer 2

最初 ChatZilla 用来散布空的 。 元素添加到输出中，这些元素将作为长单词可以换行的点，尽管后来更改为 元素。