【XUL】hbox, vbox 實作。

hbox, vbox ,box 這三個其實都是相關的物件。
<box orient="horizontal">
   <!--裡面的物件會水平排列-->
</box>
<box orient="vertical">
   <!--裡面的物件會垂直排列-->
</box>
<hbox>
   <!--裡面的物件會水平排列-->
</hbox>
<vbox>
   <!--裡面的物件會垂直排列-->
</vbox>



在<box>中使用orient="horizontal" 效果形同 <hbox>，在<box>中使用orient="vertical" 效果形同 <vbox>。

hbox

<hbox>        <toolbarbutton id="back" width="32px" height="32px"          tooltiptext="Back" image="chrome://test/skin/btn/back.png"/>        <toolbarbutton id="upload" width="32px" height="32px"          tooltiptext="Upload Files" image="chrome://test/skin/btn/upload.png"/>        <toolbarbutton id="folder_add" width="32px" height="32px"          tooltiptext="Add Folder" image="chrome://test/skin/btn/folder_add.png"/> </hbox&gt

vbox

<vbox>        <toolbarbutton id="back" width="32px" height="32px"          tooltiptext="Back" image="chrome://testExtention/skin/btn/back.png"/>        <toolbarbutton id="upload" width="32px" height="32px"          tooltiptext="Upload Files" image="chrome://testExtention/skin/btn/upload.png"/>        <toolbarbutton id="folder_add" width="32px" height="32px"          tooltiptext="Add Folder" image="chrome://testExtention/skin/btn/folder_add.png"/> </vbox>