Html 如何将groupbox中的所有文本框向左对齐?

Html 如何将groupbox中的所有文本框向左对齐?,html,css,devexpress-mvc,Html,Css,Devexpress Mvc,我从MVC视图中的devexpress组件创建了这个简单的地址表单。它由两个分组框组成,第一个分组框有4行边框。第二个在最后一行的第一个groupbox中,它由3个元素组成。第一个元素的宽度为30px,第二个元素的宽度为60px,第三个元素应该只填充剩余的空间,这样他就没有固定的宽度。整个盒子是250像素宽。我的问题是第二个groupbox中文本框之间的空格,我无法消除。我希望第二个文本框在第一个文本框的正后方对齐,第三个文本框在第二个文本框的正后方对齐,这将占用所有剩余的空间。我尝试了各种水平

我从MVC视图中的devexpress组件创建了这个简单的地址表单。它由两个分组框组成,第一个分组框有4行边框。第二个在最后一行的第一个groupbox中,它由3个元素组成。第一个元素的宽度为30px,第二个元素的宽度为60px,第三个元素应该只填充剩余的空间,这样他就没有固定的宽度。整个盒子是250像素宽。我的问题是第二个groupbox中文本框之间的空格,我无法消除。我希望第二个文本框在第一个文本框的正后方对齐,第三个文本框在第二个文本框的正后方对齐,这将占用所有剩余的空间。我尝试了各种水平对齐方式,但空间仍然存在,我开始感到绝望——即下图:

谢谢你的帮助

编辑:此处的代码:

           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();
           });

嗨,你能发你的密码吗?这将有助于解决问题。你能给我们看一些你的代码吗?你尝试了什么?你能分享代码吗?也许你应该使用一个表格。寻求代码帮助的问题必须包括在问题中重现代码所需的最短代码,最好是在一个表格中。嗨,你能发你的密码吗?这将有助于解决问题。你能给我们看一些你的代码吗?你尝试了什么?你能分享代码吗?也许你应该使用一个表格。寻求代码帮助的问题必须包括在问题中重现代码所需的最短代码,最好是在一个表格中。看见