Question

使用以下HTML和CSS以及jQuery（在jsFiddle中），“Begin Date”标签分为两行：

开始日期

...而“开始时间”保持在一行，正如我所期望/希望它做的那样。

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

为什么一个标签“打破”而另一个标签表现？

1 个答案: