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を作成する必要がありますが、ボタンがコンテナーに収まらない場合は、2行(またはそれ以上)でラップする必要があります。現在、ブラウザのサイズを縮小すると、ウィンドウの右端の後ろに隠れているボタンがいくつかあります。
my:button
display: inline-block;
中にいくつかのコンテンツが入ったボックスです。
float: left
私はボタンdisplay: block
、、overflow: visibel
およびHTML/CSSで機能する他のトリックを試しました。
ご清聴ありがとうございました。