集成可变数据在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/