How to set the checkbox label width in the xul file?

Question

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>

Answer 1

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