2

我正在构建一个扩展，在其中使用以下代码显示带有进度条的窗口：

 <?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

有任何想法吗？

4

3 回答 3

1

尝试改变

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

到

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

它看起来像这样：

在此处输入图像描述

于 2013-08-02T11:17:55.720 回答
0

使用浏览器中的调试工具检查 DOM。验证该栏实际上是progessmeter.

从那里，使用调试器验证计算的高度。

如果您知道如何使用浏览器 CSS 调试器，这应该很容易解决。如果您可以将实际代码放在小提琴中，我可以提供更多信息。

于 2013-08-01T16:19:49.087 回答
0

CSS box-align/XUL::attr align默认为stretch. 将它设置为其他东西，在周围的盒子 - 你的情况下的窗口元素 - 将解决你的问题。

pack="end"例子：

包=

其他有趣的与布局相关的 XUL 东西，用于完全按照您想要的方式布置您的小部件：flex, pack, orient, separator, grid. 属性通常也有相应的 CSS 规则。

于 2013-08-05T21:13:49.033 回答