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（在页面的HEAD部分中定义，通过.master或页面布局）：

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

    #OuterLeftCell {
        width: auto;
    }

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

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

PlaceHolderMain控制硬编码值的td宽度

1 个答案: