无表格形式与日期

Question

我不是Html＆amp; amp;的专家css，但我知道如何制作漂亮的响应页面，无表格，无表格等等......

但我陷入了一种我不知道如何处理的形式。使表格无表格对我来说很容易，只要我们每行有1个字段，现在我需要2个字段＆amp;标签在同一行。

我想处理使用纯css，我需要将它们对齐。现实生活中的例子是任何旅游公司的形式，如果他们要求dateFrom和DateTo。

另一件事，我正在使用框架Skeleton（http://www.getskeleton.com/）

1stlabel
|1stfield|

2ndlabel1   3rdlabel1
|2ndfield|  3rd|field|

4thlabel
|4thfield|

我目前的加价：

<form>

    <div class="field">
        <label>FieldA</label>
        <input type="text">
    </div>


    <div class="doubleFields">

        <div class="first">
            <label>DateFrom</label>
            <input type="text">
        </div>

        <div class="second">
            <label>DateTo</label>
            <input type="text">
        </div>

    </div>

</form>​

Answer 1

为这些人提供特定的类名，并在其上设置display: inline-block。

---

在您的具体案例中：

.doubleFields div {
    display: inline-block;
}

应该很好地完成这个伎俩。