jquery - 为什么一个标签会“中断”而另一个标签会正常运行？

Question

使用以下 HTML、CSS 和 jQuery（在 jsFiddle 中），“开始日期”标签分成两行：

开始日期

...而“开始时间”停留在一条线上，正如我所期望/希望的那样。

HTML：

<tr>
            <td class="labelText">
                <label for="BeginTheBeguine">Begin Date:</label>
            </td>
            <td>
                <input type="date" name="BeginTheBeguine" id="BeginTheBeguine" />
            </td>
            <td>
                &nbsp;
            </td>
            <td class="labelText">
                <label for="BeginTime">Begin Time:</label>
            </td>
            <td>
                <input type="time" name="BeginTime" id="BeginTime" />
            </td>           
        </tr>

CSS：

.labelText { font-family: verdana }

jQuery：

$(function() {
var pickerOpts ] {
    appendText: "mm/dd/yy",
    defaultDate: "-1",
    showOtherMonths: true
};
$("#BeginTheBeguine").datepicker();
});

为什么“开始日期”会中断，我该如何防止它这样做？

Answer 1

如果表格不太合适，浏览器需要从某个地方开始并换行。看起来它正在选择第一个单元格。

如果您想强制这些标签保留在单行上，无论如何，请尝试：

.labelText { 
  font-family: verdana; 
  white-space: nowrap; 
}