Html IE7模式在多行上向左挤压表格标题内容

这里有一个我试图生成的表的示例：

但是，当在IE7模式或IE8兼容模式下使用Internet Explorder查看表格时，我对表格标题有困难。文本“截至2010年11月19日的基金业绩数字”应该是一行，但它被挤到了多行的左边

我想

空白：nowrap

（根据下面的示例）可能已经解决了这个问题，但根本没有任何效果

<tr>
    <th class="TableHeaderRow" colspan="8">This Fund's Performance Figures as at 1 December 2010</th>
</tr>

---

有人能找到解决这个问题的办法吗？

您的问题似乎在这里：

.PerformanceTable th
{
    width: 50px;
    border-left: solid 1px #00573D;
    border-top: solid 1px #00573D;

    /*background-color: #FFF;
    color: #00573D;*/
    vertical-align: top;


    /*height:28px;*/
}

IE接受你的宽度：50px，并强迫它变短。去掉那条线对我来说是正确的。尝试一下

尝试使用“空白：pre；”。这似乎比nowrap更有效

.PerformanceTable th
{
    width: 50px;
    border-left: solid 1px #00573D;
    border-top: solid 1px #00573D;

    /*background-color: #FFF;
    color: #00573D;*/
    vertical-align: top;


    /*height:28px;*/
}