css - 如何在一行中获取第 th 个标签的内部？

Question

这是 fiddle

我想将 From: textbox To: textbox 全部放在一行中。

<table class="table display" id="activeProjects">
    <thead>

        <tr>
            <th>Project Name</th>
            <th>Project Number</th>
            <th>Market</th>
            <th>Project Type</th>
            <th>Completion Date</th>
            <th>Square Footage</th>
            <th>Architect</th>
            <th>Manager</th>

        </tr>
        <tr>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th><p style="white-space: nowrap;">From: <input type="text" id="min" name="min" class="form-control numberFilter" /> To: <input class="form-control numberFilter" type="text" id="max" name="max" /></p></th>
            <th></th>
            <th></th>
        </tr> 

    </thead>

    <tbody>
        <tr ng-repeat="project in model.projects">
            <td></td>
            <td><a href></a></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th>Project Name</th>
            <th>Project Number</th>
            <th>Market</th>
            <th>Project Type</th>
            <th>Completion Date</th>
            <th>Square Footage</th>
            <th>Architect</th>
            <th>Manager</th>
        </tr>

    </tfoot>
</table>

.numberFilter {
width: 75px;
}

Answer 1

您的标题可能需要调整，但试试这个:

.numberFilter {
    width: 15%;
    white-space: nowrap;
    display:inline-block;
}

您可以根据需要编辑宽度值，但这只是一个指南。除非您设置 TH/TD 宽度，否则您将无法固定 PX 中输入的宽度。