jquery - 为什么一个标签 "break"而另一个标签正常？

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; 
}