CSS表格td宽度和右对齐不起作用[关闭]答案

【问题标题】：CSS table td width and right align not working [closed]CSS表格td宽度和右对齐不起作用[关闭]
【发布时间】：2017-05-18 23:46:39
【问题描述】：

这是我在 FireFox 中的表格。请注意，带有用户名的中间列是宽的，并且编辑链接是右对齐的。

这是 IE7 和 IE8：

这是html：

    <fieldset >
    <legend>Account Information</legend>
    <table class="display-table">
        <tr>
            <td class="display-label">
                <label for="UserName">Username</label>
            </td>
            <td class="display-field-middle">
                user7
            </td>
            <td class="display-field-right">
                <a class="" href="/test1/Account/ChangeUserName">edit</a>


            </td>
        </tr>
        <tr>
            <td class="display-label">
                <label for="Password">Password</label>
            </td>
            <td class="display-field-middle">
                *********
            </td>
            <td class="display-field-right">
                <a class="" href="/test1/Account/ChangePassword">edit</a>
            </td>
        </tr>
    </table>
    </fieldset>

这是继承样式的 FireBug 显示：

这是样式表：

.display-table
{
    border-collapse:collapse;
    width: 400px;
}

.display-label
{   
    white-space: nowrap;
    vertical-align:middle;
    width: 120px;
}

.display-field-middle
{
    width: 200px;
    background-color: #dfeffc;
    vertical-align:middle;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
}


.display-field-right
{
    width: 50px;
    background-color: #dfeffc;
    vertical-align:middle;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}

为什么中间栏没有展开，为什么编辑链接没有右对齐？我什么都试过了！

【问题讨论】：

在 FF/IE8/IE7 中工作：jsfiddle.net/thirtydot/C4Qbx - 所以我认为您的问题还没有解决它所需的所有信息。
您的 CSS 中是否有针对 * 或 td 的全局规则？例如：* { text-align:left; } - 或 - td { 文本对齐：左； }
我忘记了 Fiddle。谢谢你。我更新了我的问题以显示继承的样式。

标签： css firefox html-table internet-explorer-7

【解决方案1】：

事实证明，我的测试不正确，页面一直在工作。 :(

【讨论】：