Frage

Ich versuche, eine Beschreibung in einer XUL-Anwendung kennen zu wickeln, auch wenn es lange Zeilen enthält.

Zum Beispiel, wenn ich die folgenden als .xul Datei speichern und öffnen Sie es in Firefox, es sieht gut aus und wickelt entsprechend:

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

Wenn ich jedoch die Räume in der großen Linie entfernen, wird es nicht gewickelt und ich bekomme nur eine Bildlaufleiste, die Linie zu sehen:

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

Gibt es eine Möglichkeit, CSS oder irgendetwas anderes zu zwingen, die lange Schlange gewickelt werden kann, wenn sie die Grenze 200 Pixel erreicht?

War es hilfreich?

Lösung

Firefox 3.1 unterstützt dies: http://www.css3.info/preview/word -wrap /

  

Das Wort-wrap-Eigenschaft wurde von Microsoft erfunden und zu CSS3. Es ermöglicht lange Wörter gebrochen werden zu können und wickeln auf die nächste Zeile. Es dauert in zwei Werten; normal oder Pause-Wort.   Dies wird derzeit unterstützt im Internet Explorer, Safari und Firefox 3.1 (Alpha).

Bei älteren (und aktuellen) Versionen von Firefox gibt es keine Standardmethode ist (Google war mein Freund), es zu tun. Einige schlagen vor, ein kleines Skript, das <br /> in der Mitte des Wortes hinzufügt. Verwenden Sie word-wrap:. Break-word und hoffen, dass die Nutzer schließlich aktualisieren

Andere Tipps

Ursprünglich ChatZilla verwendet leer Elemente in die Ausgabe zu streuen, die als Punkte, an denen wickeln könnte lange Worte dienen würde, obwohl dies später geändert wurde -Elemente.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top