Question

J'essaie d'obtenir une description dans une application XUL, même si elle contient de longues lignes.

Par exemple, si j’enregistre le fichier suivant en tant que fichier .xul et l’ouvre dans Firefox, il se présente bien et se présente comme suit:

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

Cependant, si je supprime les espaces de la grande ligne, elle n'est pas encapsulée et une barre de défilement s'affiche pour afficher la ligne:

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

Existe-t-il un moyen d'utiliser CSS ou quoi que ce soit d'autre pour forcer le retour à la ligne longue lorsqu'elle atteint la limite de 200 pixels?

Était-ce utile?

La solution

Firefox 3.1 prend en charge ceci: http://www.css3.info/preview/word -wrap /

  

La propriété word-wrap a été inventée par Microsoft et ajoutée à CSS3. Il permet aux mots longs d'être brisés et de passer à la ligne suivante. Il prend en deux valeurs; mot normal ou mot cassé.   Ceci est actuellement pris en charge dans IE, Safari et Firefox 3.1 (Alpha).

Avec les versions plus anciennes (et actuelles) de Firefox, il n’existait pas de moyen standard (Google était mon ami) de le faire. Certains suggèrent d'utiliser un petit script qui ajoute <br /> au milieu du mot. Utilisez word-wrap: break-word et espérez que les utilisateurs procéderont à la mise à niveau.

Autres conseils

À l'origine, ChatZilla dispersait les espaces vides < img > éléments dans la sortie qui serviraient de points où les mots longs pourraient se terminer, bien que cela ait été changé par la suite en < wbr > éléments.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top