Question

我在主页面中为body div设置了一个特定的宽度，我想在属于Master Page的子页面中更改它。这可能吗？我一直在寻找，我认为我需要的是javascript。

我之前没有使用过javascript，但这是我尝试过的：

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

    <script type="text/javascript">
      {
            document.getElementById("pagediv").style.width = "200px";
        }
    </script>

</asp:Content>

Answer 1

您不必使用JavaScript。您也可以使用CSS并在内容占位符中使用它。

<style>
    #pagediv { width: 200px !important; }
</style>

Answer 2

在名为BodyWidth

的母版页中创建一个属性

然后在输出中使用div宽度

<div style="width:<%= BodyWidth %>">

然后在任何子页面中，您可以使用Page_Load中的以下内容覆盖此宽度。

((MyMaster)Page.MasterPage).BodyWidth = "300px";

避免使用javascript来覆盖该值。

或者你可以使用相同的代码，但设置一个样式类，这是一种更好的方法 - 但这取决于你的宽度在每页上的差异。

在子页面中覆盖母版页CSS div宽度

2 个答案: