Html 表格CSS问题。silverstripe用户定义表单

Html 表格CSS问题。silverstripe用户定义表单,html,css,forms,silverstripe,Html,Css,Forms,Silverstripe,我使用的是silverstripe userdefinedform模块,我已经使用默认css创建了一个表单。我想表单标签和输入在同一行,但不知道如何才能做到这一点,请指导我同样的 这是css代码 此样式表包括用户定义表单模块的通用表单样式和其他表单样式。 此处所附的表格图片、文本和输入字段应在一行中 提前感谢像这样的短信应该会让你开始。如果您不知道如何处理它,只需将其添加到文件的底部,否则根据您的需要进行调整 div.field { display:table-row; pad

我使用的是silverstripe userdefinedform模块,我已经使用默认css创建了一个表单。我想表单标签和输入在同一行,但不知道如何才能做到这一点,请指导我同样的

这是css代码


此样式表包括用户定义表单模块的通用表单样式和其他表单样式。 此处所附的表格图片、文本和输入字段应在一行中


提前感谢

像这样的短信应该会让你开始。如果您不知道如何处理它,只需将其添加到文件的底部,否则根据您的需要进行调整

div.field {
    display:table-row;
    padding:0 0 20px 0;
}
form label.left {
    display: table-cell;
    width:30%;
    min-width:120px;
    float:left;
}
#Form_Form .middleColumn {
    display:table-cell;
    width:70%;
}

使用jsfiddle或类似的东西
div.field {
    display:table-row;
    padding:0 0 20px 0;
}
form label.left {
    display: table-cell;
    width:30%;
    min-width:120px;
    float:left;
}
#Form_Form .middleColumn {
    display:table-cell;
    width:70%;
}