2011-06-27 15 views
0

私はFirefox拡張機能を開発中で、サイドバーの要素の幅に相対的な制約を与えることに問題があります。たとえば、サイドバーのサイズ変更時に常にサイドバーと同じ大きさのサイドバーにdescription要素が必要で、それに応じてテキストが折り返されます。XULでの相対最大幅

最大幅が固定されたボックスに説明を書き込むと、正しくラップされますが、CSSを使用して正しく動作するように相対幅を取得することはできません。 cssでmax-widthを100%に設定すると、無視されたように見え、テキストは1行になり、サイドバーがオーバーフローします。テキストが正しく折り返されるように、XULのボックスに相対的な幅の制約を設定する方法に関する提案はありますか?

答えて

2

あなたが本当に望むものではない最大の幅を設定するように聞こえます。 https://developer.mozilla.org/en/XUL_Tutorial/The_Box_Modelを見てください。flex属性を設定すると、利用可能なすべての領域(通常はflex="1")を要素が満たすようにする正しい方法になります。対応するCSSプロパティは-moz-box-flex: 1になります。

+0

私の問題は、利用可能なスペースを埋めるのではなく、サイドバーに与えられた領域をオーバーフローさせて、実際にはテキストを読むことができないように、より多くの行を使用するためにテキストをラップする代わりに。 – pjreddie

+0

ああ、これは動作するように思わない、ありがとう! – pjreddie

+0

@pjreddie:ちょうどその場合、要素は、幅が設定されていない場合にのみすべてを伸ばします。また、幅も 'flex'を介して可能です。 –