1

我们与几周前切换到 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 属性“宽度”设置为 200px(这似乎可行,顺便说一句——链接按钮很好地设置为指定的固定宽度)。

马克

4

1 回答 1

2

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

于 2009-10-22T14:05:45.707 回答