Question

我有一个如下所示的嵌套表结构

<table width="100%">
<tr>
    <td>
        <table id="tableform" cellspacing=5 cellpadding=2 class="form">
        .........
        <tr>
        <td valign="top">
    Select Columns For Report :
        </td>
        </tr>
        </table>
    </td>
</tr>
</table>

在表格 tableform 中，我创建了一个html表单。

该表单有一个字段标签选择报表列：这是最长的标签，它在IE中被包裹多行，我不想要，而在firefox和chrome中工作正常。

在IE中，您有解决此问题的方法吗？如果明天再出现另一个更长的标签，那么还有什么要做？

Answer 1

向td添加课程并添加white-space: nowrap：

<td valign="top" class="nowrap">
    Select Columns For Report :
</td>

.nowrap {
    white-space: nowrap
}

Answer 2

可能需要专门为td设置宽度，例如

    <td valign="top" style="width:200px;">
Select Columns For Report :
    </td>

更好的是，给它一个class或id并在样式表中设置宽度。

Answer 3

您必须放大标签列的宽度，以便标签适合：

<table id="tableform" cellspacing=5 cellpadding=2 class="form">
    <col style="width: 300px" />
    ...

或者在标签上将css属性white-space设置为nowrap：

<td class="label">Select Columns For Report :</td>

#tableform td.label {
    white-space: nowrap;
}

IE中的HTML表问题

3 个答案: