2013-08-01 24 views
2

我建立一個擴展,我使用此代碼顯示一個窗口,以進度條:元素的高度和位置firefix擴展

<?xml version="1.0"?> 
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?> 

<window 
    id="findfile-window" 
    title="Please wait.." 
    orient="horizontal" 
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> 

    <progressmeter value="50" style="height:4px;"/> 

</window> 

但由於某些原因的高度不改變,它看起來像這樣https://www.dropbox.com/s/8ekej9vlifc2tt6/Capture.PNG

任何想法?

回答

0

使用瀏覽器中的調試工具檢查DOM。確認該欄實際上是progessmeter

從那裏,使用調試器驗證計算出的高度。

如果您知道如何使用您的瀏覽器CSS調試器,這應該是一個簡單的解決方案。如果您可以將實際代碼放在小提琴中,我可以提供更多信息。

1

嘗試改變

<progressmeter value="50" style="height:4px;"/> 

<progressmeter value="50" style="max-height:4px;"/> 

它看起來就像這樣:

enter image description here

0

CSS box-align/XUL::attr align默認爲stretch。將它設置爲其他地方,在周圍的盒子 - 你的案例中的窗口元素 - 將解決你的問題。

pack="end"例如:flexpackorientseparatorgrid:相關XUL東西整整佈置您的小工具,你所希望的方式

pack="end"

其他有趣的佈局。這些屬性通常也有相應的CSS規則。