إجبار عنصر واجهة مستخدم للالتفاف

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>

ومع ذلك ، إذا قمت بإزالة المساحات في الخط الكبير ، فلن يتم لفها وأحصل على شريط التمرير لرؤية الخط:

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

تم اختراع خاصية Word-Wrap بواسطة Microsoft وإضافة إلى CSS3. إنها تتيح كلمات طويلة أن تكون قادرة على كسرها واللف على السطر التالي. يأخذ في قيمتين ؛ كلمة طبيعية أو كسر. يتم دعم هذا حاليًا في IE و Safari و Firefox 3.1 (Alpha).

مع الإصدارات القديمة (والحالية) من Firefox ، لا توجد طريقة قياسية (Google كانت صديقي) للقيام بذلك. يقترح البعض استخدام برنامج نصي صغير يضيف <br /> في منتصف الكلمة. يستخدم Word-Wrap: كلمة استراحة وآمل أن يقوم المستخدمون بالترقية في النهاية.

Answer 2

في الأصل تشاتزيلا المستخدمة لتنتشر فارغةu003Cimg> العناصر في الإخراج والتي من شأنها أن تكون بمثابة نقاط يمكن أن تلتف فيها الكلمات الطويلة ، على الرغم من أن هذا قد تم تغييره لاحقًا إلى عناصر.