覆蓋母版頁子頁面中的CSS div寬度

我在母版頁中爲正文div設置了特定的寬度，我想在屬於母版頁的子頁面中更改該寬度。這可能嗎？我一直在尋找，我認爲我需要的是JavaScript。覆蓋母版頁子頁面中的CSS div寬度

我以前雖然沒有使用JavaScript的，但這裏是我試過：

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

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

</asp:Content>

來源

2011-05-16 Pod Mays

而且？它有用嗎？ – 2011-05-16 08:28:57

您無需使用JavaScript。你也可以使用CSS並在你的內容佔位符中使用它。

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

來源

2011-05-16 08:31:34 DanielB

工作！謝謝。 – 2011-05-16 09:05:02

在輸出中使用，對於DIV寬度創建一個名爲BodyWidth

然後在你的母版屬性

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

然後在任意子頁你使用像在Page_Load中下面可以覆蓋這個寬度。

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

避免使用JavaScript，然後重寫值。

或者，你可以使用相同的代碼，但設置一個樣式類，這將是一個更好的方式 - 但這取決於你的寬度在每個頁面上有多不同。

來源

2011-05-16 08:31:09 dnolan

使用服務器變量不是很複雜，事實上，他在腳本中硬編碼寬度？ – DanielB 2011-05-16 08:38:27

這就是爲什麼我建議使用一個類，然後寬度不硬編碼。這是一種更爲複雜的方法，我同意，但根據情況有其用途。 – dnolan 2011-05-16 08:49:23

覆蓋母版頁子頁面中的CSS div寬度

回答

相關問題