强制描述小部件包装 [英] Forcing a description widget to wrap

问题描述

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

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