如何在xul文件中设置复选框标签宽度?

发布于 2025-01-12 09:49:10 字数 2639 浏览 0 评论 0原文

我正在开发一个 zotero 插件,并且想绘制一个对话框。 dialoggroupboxhboxcheckbox等的宽度都试过了,minwidth, maxwidth 也试过了,但是不行。我想在标签的正确位置换行。

非常感谢!

代码:

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://zotero-platform/content/preferences.css"?>

<!DOCTYPE window SYSTEM "chrome://zoteroupdateifs/locale/options.dtd">

<!--给作者加粗加星-->

<dialog xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    xmlns:html="http://www.w3.org/1999/xhtml"
    id="updateifs-test"
    title="&author-process-win;"
    width="200"
    height="300"
    style="padding: 10px;"
    buttons="accept,cancel"
    ondialogaccept=" window.close();"
    ondialogcancel="window.close();">
   
    <stringbundleset id="stringbundleset">
            <stringbundle id="updateifs-options" src="chrome://zotero-updateifs/locale/options.properties"/>
      </stringbundleset>
         
            <groupbox  width="200">
              <caption label="&update-abbr;"/>
              <separator class='thin'/> 
              <description style="width: 220px">&update-journal-abbr;</description>
              <separator class='thin'/> 
              <hbox style="margin: 0" width="200">
                <checkbox id="id-updateifs-add-update" label="&add-update;" />
              </hbox>
              <separator class='thin'/> 
              <hbox style="margin: 0" maxwidth="200">
                <checkbox id="id-updateifs-en-abbr" minwidth ='200' label="&en_abbr;"/>
              </hbox>
              <separator class='thin'/> 
              <hbox style="margin: 0" maxwidth="200">
                <checkbox id="id-updateifs-ch-abbr" minwidth ='200' label="&ch_abbr;" />
              </hbox>
            </groupbox>
        
  <script src="options.js"/>
  
  <script
    type="application/x-javascript"
    src="chrome://zoteroupdateifs/content/scripts/options.js"/>

  <script src="chrome://zotero/content/include.js"/>


</dialog>

在此处输入图像描述

I am developping an zotero plugin, and would like to draw a dialog. The width of dialog, groupbox, hbox, checkbox etc have been tried, minwidth, maxwidth have also been tried, but it doesn't work. I would like to get a line break at proper position of the labels.

Many thanks!

code:

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://zotero-platform/content/preferences.css"?>

<!DOCTYPE window SYSTEM "chrome://zoteroupdateifs/locale/options.dtd">

<!--给作者加粗加星-->

<dialog xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    xmlns:html="http://www.w3.org/1999/xhtml"
    id="updateifs-test"
    title="&author-process-win;"
    width="200"
    height="300"
    style="padding: 10px;"
    buttons="accept,cancel"
    ondialogaccept=" window.close();"
    ondialogcancel="window.close();">
   
    <stringbundleset id="stringbundleset">
            <stringbundle id="updateifs-options" src="chrome://zotero-updateifs/locale/options.properties"/>
      </stringbundleset>
         
            <groupbox  width="200">
              <caption label="&update-abbr;"/>
              <separator class='thin'/> 
              <description style="width: 220px">&update-journal-abbr;</description>
              <separator class='thin'/> 
              <hbox style="margin: 0" width="200">
                <checkbox id="id-updateifs-add-update" label="&add-update;" />
              </hbox>
              <separator class='thin'/> 
              <hbox style="margin: 0" maxwidth="200">
                <checkbox id="id-updateifs-en-abbr" minwidth ='200' label="&en_abbr;"/>
              </hbox>
              <separator class='thin'/> 
              <hbox style="margin: 0" maxwidth="200">
                <checkbox id="id-updateifs-ch-abbr" minwidth ='200' label="&ch_abbr;" />
              </hbox>
            </groupbox>
        
  <script src="options.js"/>
  
  <script
    type="application/x-javascript"
    src="chrome://zoteroupdateifs/content/scripts/options.js"/>

  <script src="chrome://zotero/content/include.js"/>


</dialog>

enter image description here

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

小兔几 2025-01-19 09:49:10

很奇怪,现在当我使用 width ='250' 设置 checkboxwidth 时,它可以工作了。

it is weird, now it works, when I set the width of checkbox by using width ='250'.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文