سؤال
لدي مشكلة غريبة مع تخطيطات 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>
يحيط بالأزرار.
لا تنتمي إلى StackOverflow