سؤال

لدي مشكلة غريبة مع تخطيطات Xul. رمزتي الحالية:

<xul:vbox>
  <xul:hbox> .. some elements .. </xul:hbox>
  <xul:hbox>
    <xul:hbox> .. some elements .. </xul:hbox>
    <xul:hbox flex="1">
      <my:button anon-id="btn1" label="Sample button 1"/>
      <my:button anon-id="btn2" label="Sample button 2"/>
      ...
      <my:button anon-id="btnN" label="Sample button N"/>
    </xul:hbox>
    <xul:hbox> .. some elements .. </xul:hbox>
  <xul:hbox>
</xul:vbox>

أحتاج إلى جعل Hbox مع أزرار يمكن إصلاحها ، ولكن إذا لم تتناسب الأزرار في الحاوية - فيجب أن يتم لفها لخطين (أو أكثر). حاليًا ، عندما أتقلص حجم المتصفح - بعض الأزرار مختبئة خلف الحدود اليمنى للنافذة.

my:button هو مربع مع display: inline-block; وبعض المحتوى في الداخل.

لقد حاولت float: left في الزر ، display: block, overflow: visibel وغيرها من الحيل عملت في HTML/CSS.

شكرا للاهتمام.

هل كانت مفيدة؟

المحلول

استخدم ال <description> علامة بدلا من <hbox> يحيط بالأزرار.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top