如何将组框中的所有文本框对齐到左侧?

时间:2017-09-15 13:55:51

标签: html css devexpress-mvc

我在MVC视图中使用devexpress组件创建了这个简单的地址表单。它由两个groupbox组成 - 第一个是带有4行的边框。第二个是在最后一行的第一个组框内,由3个元素组成。第一个元素是30px宽,第二个元素是60px,第三个元素应该填充其余空间,因此他没有固定的宽度。整个盒子宽250px。我的问题是第二个组框中的文本框之间的空格,我无法摆脱。我希望第二个文本框在第一个文本框后面对齐,第三个文本框在第二个文本框后面,这将占用所有剩余空间。我尝试了所有类型的水平对齐,但空间仍然存在,我开始绝望 - 即图片belove:

enter image description here

感谢您的帮助。

编辑:这里的代码:

           var group1 = settings.Items.AddGroupItem().FormLayoutGroup(1, Unit.Percentage(100), GroupBoxDecoration.Box);
           ... // other textboxes
           var group2 = group1.Items.AddGroupItem().FormLayoutGroup(3, Unit.Percentage(100), GroupBoxDecoration.None);
           group2.Items.Add(model => model.AdresaOsobyId.Adresa.Stat.ID).ToLambda(x =>
           {
               x.TextBox()
               x.Width = 30;
               x.HideCaption();
           });
           group2.Items.Add(model => model.AdresaOsobyId.Adresa.Psc).ToLambda(x =>
           {
               x.HideCaption();
               x.TextBox();
               x.Width = 60;
           });
           group2.Items.Add(model => model.AdresaOsobyId.Adresa.Posta).ToLambda(x =>
           {
               x.HideCaption();
               x.TextBox();
           });

0 个答案:

没有答案