如何在ASP.NET中设置嵌套面板控件的样式

我有一个面板坐在div中，我想将该面板用作容器来添加更多面板！我为什么要添加面板到面板？由于我添加到现有面板的面板也包含对象，但仅限于图像和标签。如何在ASP.NET中设置嵌套面板控件的样式

现有的主容器面板是在设计时创建的，并且带有可爱的名称“toolboxpanel”。在运行时，我有一个用于/下一个循环，动态地创建图像，标签，他们都添加到面板，然后补充说，面板到toolboxpanel，因为在这里可以看到：

For i = 0 To imageholder.Count - 1 'create a control 
     insertpanel = New Panel 'these object types have been DIM'd up above 
     insertimage = New Image 
     inserttext = New Label 
     inserttext.ID = "text" + partnumberholder(i) + i.ToString 'the "holder" arrays hold the goodies from my db 
     inserttext.Text = brandholder(i) + " " + partnumberholder(i) 
     insertimage.ID = "image" + partnumberholder(i) + i.ToString 
     insertimage.ImageUrl = ".\Images\Display\" + imageholder(i) + ".jpg" 
     insertpanel.CssClass = "drag" 'this allows the panel to be dragged around using a JQuery script elsewhere 
     'insertpanel.BackImageUrl = "~\Images\Display\" + imageholder(i) + ".jpg" 'commented out because this method looks awful 
     insertpanel.ID = "panel" + partnumberholder(i) + i.ToString 

     insertpanel.Controls.Add(insertimage) 
     insertpanel.Controls.Add(inserttext) 
     toolboxpanel.Controls.Add(insertpanel) 
    Next

问题是，我添加到面板的每个面板都塞进1列，完全违反了工具箱面板的css规则，即最大高度只有700px。它似乎拉伸了面板，并且它坐在里面，比它应该高的多！

我的主要问题是：

1）如何获得它，所以我可以添加面板对象（与我图像/标签胆量）到主面板的方式在那里将有3列显示，固定可观看的高度和整洁的滚动条？

2）有没有更好的方法来做到这一点？必须有:(

你可以看到的主页当前的混乱：http://www.mobiuspc.com

我感谢所有帮助比尔

来源

2009-05-24 Bill Sambrone

你需要两样东西：

一个clearfix stylesheet
要浮动的内板

浮动是简单的，但有时会在第一有点令人生畏。花车上的Read these tutorials了解他们的一切。

从本质上讲，所有你需要做的是下面的样式添加到您的内板风格：

float: left;

浮动将自动进行股利，及其所有内容，尽可能窄，所以一定到指定一个宽度，因为你已经有了。

接下来，您需要将clearfix样式应用到外部面板，以便其中的所有浮动内容不会受到“断头台效应”的影响。因为浮动块没有“布局”，所以它们不是普通文档流的一部分，因此被其父容器忽略。 clearfix通过强制容器将浮动识别为布局来解决这个问题。

来源

2009-05-24 06:46:39 Soviut

面板通常应该，但并非总是如此，渲染为div标签，如果你想让overfow允许滚动，你会希望你的位置和高度设置为允许的范围那个。

.myContainter { 
    position: relative; /* or absolute, or a float */ 
    height: 700px; 
    overflow: auto; 
}

应该这样做。 :)

来源

2009-05-24 03:29:51 Tracker1

我通篇使用CSS，没有任何硬编码的造型:( 这里一丝一毫的是我已经使用其仍导致单列烂摊子：高度：700像素; 宽度：324px ; max-height：700px; max-width：324px; overflow：scroll; – 2009-05-24 04:30:56

位置或浮点数是怎么设置的？ – Tracker1 2009-05-25 00:25:01

如何在ASP.NET中设置嵌套面板控件的样式

回答

相关问题