集成可變數據在asp.net

Question

div標籤，我有這樣的代碼：

<div id="container" style="width: 800px; height:300px; margin: 0 auto;overflow:hidden;"></div> 

我需要更換800像素，並從數據庫值300像素; 我嘗試了下面的兩個。但我仍然沒有得到答案。

方法1：

<div id="container" style="width:'<% Response.Write(width);%>'px; height:'<% Response.Write(height);%>'px; margin: 0 auto;overflow:hidden;"></div> 

方法2：

<div id="container" style="width:'<%# Eval("width");%>'px; height: <%# Eval("height");%>'px; margin: 0 auto;overflow:hidden;"></div> 

的高度和寬度的變量的值是在Page_Load中定義（）函數

int height = 300; 
int width = 800; 

這是不影響產生網頁。 任何人都可以幫助我解決這個問題。

Answer 1

HI全部，

感謝所有的支持我得到了我自己的查詢答案！

這是寫在設計文件，其中我想要的顯示和寬度和高度都在代碼上的Page_Load（）函數的頂部定義隱藏文件

---

<% string display= "<div id=\"container\"style=\"width:{0}px; height:{1}px; margin:0 auto;overflow:hidden;\"></div"; 
    display= string.Format(display, width, height); 
    Response.Write(display); %> 

---

我不知道，如果這是寫它的一種標準方式。但它給了我想要的答案。

Answer 2

而不是像這樣使用內聯樣式，應該在樣式表中使用類，並在div或CssClass上設置class屬性，如果它是帶有runat =「server」的服務器控件。

有一個類名在你的樣式表要顯示

<div id="container" class="auto <%= className %>"></div> 

div.auto { 
    margin: 0 auto; 
    overflow:hidden; 
} 


div.wide { 
    width: 800px; 
    height:300px; 
} 

div.narrow { 
    width: 600px; 
    height:300px; 
} 

等各寬...

Answer 3

確保變量寬度和高度中頁面背後的代碼用Protected關鍵字聲明。

protected int height=300; 
protected int width= 800; 

然後在頁面中使用這樣的：

<div id="container" style="width:'<%= width %>'px; height:'<%= height %>'px; 
    margin: 0 auto;overflow:hidden;"></div> 

一些詳細的建議：

• 名稱的變量有點更具體，住divHeight和divWeight至少。像CentralPanelHeight會更好。

• 更好的是給潛水類屬性，擺脫你的變量，並動態地設置身高和體重了你的頁面的頂部，就像這樣：

  <style type="text/css"> 
      div.centralPanel { 
       width: 300px; 
       height: 800px; } 
  </style> 
  

Answer 4

嘗試：

width:'<%= width %>'px; 

Answer 5

首先，你應該讓你的<DIV>通過添加RUNAT =「服務器」屬性的服務器控件。

<div id="div1" runat="server"></div> 

然後在後面的代碼中可以做這樣的事情...

div1.Style.Add("width", width); 
div1.Style.Add("height", height); 

的<％＃的eval（）％>數據綁定表達式將僅一個數據綁定控制的上下文中工作。

Answer 6

夥計，注入一些JQuery yumminess到你的。我知道這是一個不同的方向，但它幾乎會做你正在努力完成的事情。

http://css-tricks.com/resolution-specific-stylesheets/