XUL網格佈局的問題

Question

我正在創建一個XUL應用程序，現在我遇到了一些問題。我目前的檔案在這裏：http://projects.thecloudonline.net/gemxul/regrid.xul。

我希望第二列基本上「float：right」（就像CSS在網頁上的工作方式一樣）。紅色背景讓我看到那部分被移動了，但是我的內容被卡住了。我怎樣才能使內容一起去呢？其次，我的總體目標是獲得它，使佈局基本上分成兩半。在第一列設置maxwidth =「50％」似乎沒有任何作用。這是正確的方法，還是我在那裏？

這就是現在！

Answer 1

這應該工作：

<grid style="border: #000000 solid 1px;"> 
    <columns> 
     <column style="border-right: #666666 solid 1px;"/> 
     <column flex="1"/> 
     <column style="background-color:red;"/> 
    </columns> 
    <rows> 
     <row> 
      <vbox> 
       <label value="Launcher 1" id="l1_title"/> 
       <button label="button" id="l1_btn" /> 
       <label value="This is a description for item 1." id="l1_desc"/> 
      </vbox> 
      <spacer/> 
      <vbox> 
       <label value="Launcher 2" id="l2_title"/> 
       <button label="button" id="l2_btn"/> 
       <label value="This is a description for item 2." id="l2_desc"/> 
      </vbox> 
     </row> 
     <row style="border-top: #666666 solid 1px;"> 
      <vbox> 
       <label value="Launcher 3" id="l3_title"/> 
       <button label="button" id="l3_btn"/> 
       <label value="This is a description for item 3." id="l3_desc"/> 
      </vbox> 
      <spacer/> 
      <vbox> 
       <label value="Launcher 4" id="l4_title"/> 
       <button label="button" id="l4_btn"/> 
       <label value="This is a description for item 4." id="l4_desc"/> 
      </vbox> 
     </row> 
    </rows> 
</grid> 

有這樣做的幾種方法。就個人而言，我不會使用網格這樣的東西。 vbox和hbox組合擊敗了你通常在桌面上做的任何事情。當然，這完全取決於你的最終目標是什麼。