html - PlaceHolderMain 控制硬编码值的 td 宽度

Question

在我的自定义 .master 页面中，我有以下代码:

<asp:ContentPlaceHolder id="PlaceHolderMain" runat="server" Visible="true" />

这会打印出我页面的主要内容。它包含这个结构

<table ID="OuterZoneTable" width="100%">
    <tr>...</tr>
    <tr id="OuterRow">
        <td width="80%" id="OuterLeftCell">...</td>
        <td width="180" id="OuterRightCell">...</td>
    </tr>
    ...
</table>

我想控制#OuterLeftCell 和#OuterRightCell 的宽度，但它在返回的 html 中是硬编码的。我将如何更改这些值？

Answer 1

您应该能够通过 CSS 轻松覆盖内联设置。例如，这是当前内联设置的等效 CSS(通过 .master 或页面布局在页面的 HEAD 部分定义):

<style type="text/css">
    #OuterZoneTable {
        /* Control overall table width */
        width: 100%;
    }

    #OuterLeftCell {
        width: auto;
    }

    #OuterRightCell {
        width: 180px;
    }
</style>

现在，如果您想让两个单元格都占用可用空间的一半，您需要将它们的定义都更改为 width:50%。希望这能让您朝着正确的方向开始。