ASP.NET LinkBut​​ton 在 IE7 中无法正确呈现

Question

我们有一个问题(许多问题之一)与几周前切换到 MS IE 7 的客户有关(是的，是的，我知道......不要问......)

在我们的 ASP.NET 应用程序中，我们有一系列 <asp:LinkButton>用于在 HTML 表格内导航的控件，每个链接按钮在单独的行上。链接按钮位于 <td width="200"> 内标签。每个<asp:LinkButton>分配了一个 CSS 类，它定义了:

.stdLinkButton
{
    background-color: teal;
    color: Black;
    border: navy 1px solid;
    text-decoration: none;
    margin-right: 10px;
    padding: 2px;
    height: 18px;
    overflow: visible;
}

在 MS IE 6 中，按钮很好地填满了 <td> 的整个宽度。并排成一排 - 我们有五六行链接按钮，宽度都相同，都以 200 像素宽的按钮居中。

但在 MS IE 7 中，链接按钮被呈现为标准，并且只需要包含文本标签所需的宽度。所以现在我们有五六行，每个链接按钮都呈现为一个按钮，具有包含按钮文本所需的最小宽度。看起来很糟糕....

我已经尝试在 CSS 类中添加一个“width:200px”，但这没有任何用处，真的:-(

是否有任何简单的技巧/解决方法让 MS IE 7 呈现那些 <asp:LinkButton>元素再次很好地调整到指定的固定宽度？

如果可能的话，我们希望继续在 CSS 中指定宽度 - 我宁愿不必去每一个 <asp:LinkButton>实例并将 ASP.NET 属性“Width”设置为 200px(这似乎可行，顺便说一句 - 链接按钮很好地设置为指定的固定宽度)。

马克

Answer 1

将 display: block 添加到 CSS 规则应该可以解决问题。