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

Question

我已经在母版页中为正文div 设置了特定的宽度，我想在属于母版页的子页中更改该宽度。这可能吗？我一直在寻找，我认为我需要的是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 然后覆盖值。

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