标签对齐不合适

Question

这是我用来对齐选择字段并在同一行标记的代码，但它不像其他文本字段那样合适，这里是屏幕截图：

当我尝试使用该类别时，就像位置和商店标签名称一样，它不合适，这是代码，

 {
     xtype: 'textfield',
     name : 'password',
     placeHolder : 'Add location',
     label: 'Location',
     id:'txtshopurl',
     useClearIcon: true
 }
 {
     xtype:'container',
     layout:'hbox',
     items:[{
          xtype: 'label',
          html: '<font size="2">Category</font>'
           },
           {
           xtype: 'selectfield',
           name: 'category',
           width: 150,
           options:[{text:'None(Default)',value:'D'},{text:'Birthday',value:'B'},{text:'Christmas',value:'C'},{text:'Aniversery',value:'A'},{text:'Wedding',value:'W'},{text:'Other',value:'O'}]
            }]
    }
    {
      xtype: 'textfield',
      name : 'Shopcategory',
      placeHolder : ' Shop name or URL',
      label: 'Shop Name',
      useClearIcon: true
    }

如何将类别标签和选择字段对齐在同一行？

Answer 1

为什么你不能

{
     xtype: 'selectfield',
     name: 'category',
     label : 'Category',
     options:[{text:'None(Default)',value:'D'},{text:'Birthday',value:'B'},{text:'Christmas',value:'C'},{text:'Aniversery',value:'A'},{text:'Wedding',value:'W'},{text:'Other',value:'O'}]
}

Answer 2

尝试给你的字段提供一些css

input{float:right}
label{float:left}