制作垂直对齐的控件到所有长度都相同

问题：文本框的长度比组合框的长度短。所以如果我将它们垂直绘制，它看起来并不漂亮，因为它们没有与它们的右侧边缘对齐。所以我们让文本框长一点。但我不想只键入像素来做到这一点。我想我应该可以通过设置一些DIVS的百分比来做到这一点，但我是新手，还没弄明白。所以这里是我所拥有的，我也将它作为一个绿色镜头来附加。所以现在我们的目标是让这个“别名”文本框变大，以便与它下面的“Ancestry”组合框正确对齐。制作垂直对齐的控件到所有长度都相同

P.S：你看到的一些标签不是标准的html。他们来自ZK框架，但它很好。我们仍然可以使用DIV。

enter image description here

来源

2011-06-21 Bohn

我改变你的布局结构由具有含有两个vlayouts单hlayout，然后使用hflex比特=“1”上的文本框中，使其膨胀到vlayout的含有它的整个宽度。下面是代码

<zk> 
<hlayout> 
    <vlayout> 
     <label id= "geneLabel" value = "*Gene Symbol"/> 
     <bandbox id="bdGeneSearch"> 
     </bandbox> 
     <label id= "lblRefSeq" value = "*Reference Sequence"/>  
     <combobox id = "cbRefSeq"> 
     </combobox>   
</vlayout> 
<vlayout> 

     <label id= "lblAlias" value = "Alias"/> 
     <textbox id = "txtAlias" hflex="1"> 
    </textbox> 
     <label id= "lblAncestry" value = "Ancestry"/>  
      <combobox id = "cbAncestry"> 
     </combobox>   
</vlayout> 
</hlayout> 
</zk>

你可以看到它在行动上ZKfiddle here 您也可以使用hflex参考ZK的优秀的文档上的组件的灵活性和vflex here

来源

2011-06-23 01:56:09 kachhalimbu

制作垂直对齐的控件到所有长度都相同

回答

相关问题