多行编辑器字段和编辑器标签

时间:2014-07-21 13:54:46

标签: css

我如何在一行中有两个字段,而不是垂直堆叠我想在一行中放置一些字段。

e.g。

名称--- TextBox ---

年龄--- TextBox ---

开始日期--- TextBox ---结束日期--- TextBox

我目前的CSS是

.editor-label {
    margin: 1em 0 0 0;
    text-align: left !important;
    vertical-align: top;
    width: 25% !important;
}

.editor-field {
    margin: 1.2em 0 0 0.5em;
    float: left !important;
}

.editor-label input[type="checkbox"], .editor-field input[type="checkbox"] {
    margin-left: 20px;
}

1 个答案:

答案 0 :(得分:0)

将您的float: left媒体资源放入.editor-label课程而不是.editor-field课程。

http://jsfiddle.net/h8Wnh/