相同的代码，但页脚中的某些按钮仍然会更改图像和文本对齐方式

Question

以下是我的MenuPage代码。

@section FooterSection
{
    <table class="footerButtonTableStyle">
        <tr class="footerButtonTRStyle">
            @foreach (DataRow item in Model[1].Rows)
            {
                if (footerButtonCount == 5) { break; } else { footerButtonCount++; }
                <td class="footerButtonTDStyle">
                    <img class="footerButtonImageSize" src="~/Content/img/fwDelete.png" alt="" /><br />
                    <div class="footerButtonCaptionFont">@item["Caption1"]</div>
                </td>
            }
            <td class="footerButtonTDStyle" onclick="onFooterButtonClick()">
                <img class="footerButtonImageSize" src="~/Content/img/fwDelete.png" alt="" /><br />
                <div class="footerButtonCaptionFont" id="buttonForTable">
                    More
                </div>
            </td>
        </tr>
    </table>
}

这是第二页。

@section FooterSection
{
    <table class="footerButtonTableStyle">
        <tr class="footerButtonTRStyle">
            @foreach (DataRow item in Model[0].Rows)
            {
                if (footerButtonCount == 5) { break; } else { footerButtonCount++; }
                <td class="footerButtonTDStyle">
                    <img class="footerButtonImageSize" src="~/Content/img/fwDelete.png" alt="" /><br />
                    <div class="footerButtonCaptionFont">@item["Caption1"]</div>
                </td>
            }
            <td class="footerButtonTDStyle" onclick="onFooterButtonClick()">
                <img class="footerButtonImageSize" src="~/Content/img/fwDelete.png" alt="" /><br />
                <div class="footerButtonCaptionFont" id="buttonForTable">
                    More
                </div>
            </td>
        </tr>
    </table>
}

我在site.css文件中使用了id和类的所有样式。一切都一样。页脚位于我的布局页面中。那我在哪里做错了？