代码之家 › 专栏 › 技术社区 › Manuel Bitto

定义XUL扩展中图像的高度

firefox-addon firefox css

1

Manuel Bitto · 技术社区 · 16 年前

我的扩展名是一个在工具栏中有一些图像的覆盖。我需要将这些图像显示得很小(大约15像素),但它们总是在工具栏的同一高度呈现。我已经试过定义图像的高度和最大高度,以及HBOX的位置,但它不起作用。

这是代码:

…

<toolbox id="navigator-toolbox">
    <toolbar id="my-toolbar">
        <label>images:</label>
        <hbox id="rsour_inputRating">
            <image id="rsour_1" />
            <image id="rsour_2" />
            <image id="rsour_3" />
            <image id="rsour_4" />
            <image id="rsour_5" />
        </hbox>
    <toolbarseparator />

…

2 回复 | 直到 16 年前

1

2

Manuel Bitto 16 年前

正确的方法是在css中使用-moz-box-align,或者在xul中使用align属性,这样图像就不会垂直拉伸:

#rsour_inputRating{
  -moz-box-align:center;
}

#rsour_inputRating img{
  list-style-image : url("chrome://...");
  width:20px;
  height:15px;
}

2

0

Avindra Goolcharan 16 年前

在文件顶部,添加:

<?xml-stylesheet href="chrome://your_ext_name/content/cssFile.css" type="text/css"?>

然后在css文件中:

#rsour_inputRating img  {height:15px;}