强制描述小部件包装

问题描述

我试图在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/

使用旧版(和最新版本)的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.

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