Question

如何为Panel和div标签添加css，我是新手，我尝试了很多方法，但无法使其工作。我应该如何为单个Panel和单个Div标签添加css。感谢

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
    <link href="Styles/AboutUs.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <asp:Panel ID="Panel2" runat="server" >
         <div id="main">
         </div>
    </asp:Panel>
</asp:Content>


CSS:
----
.Panel2
{
position: relative;
 top: -11px;
 left: -20px; 
 height: 450px;
 width: 928px;
}


.main
{
position: relative;
top: 17px;
left: 154px;
height: 110px;
width: 691px;
}

Answer 1

对于此HTML

<asp:Panel ID="Panel2" runat="server" >
         <div id="main">
         </div>
    </asp:Panel>

将其更改为（请参阅BOLD中的更改）

<asp:Panel ID="Panel2" runat="server" **CssClass="pnlCSS"**>
         <div id="main">
         </div>
    </asp:Panel>

和css应该是

#main
{
position: relative;
top: 17px;
left: 154px;
height: 110px;
width: 691px;
}
.pnlCSS
{
// CSS for panel here
}

Answer 2

如果您使用ID而不是CssClass，则必须更改ClientIDMode="Static"：

<asp:Panel ID="Panel2" ClientIDMode="Static" runat="server" >
     <div id="main">
     </div>
</asp:Panel>

Answer 3

你需要做的是查看Firebug中的div和panel类 - 当使用ASP.NET Master页面时，它会将某些内容附加到指定的类;它看起来像＃ct100_MainContent等等。

再次，看看Firebug，看看div被写入浏览器的内容，并在CSS中更新。

Answer 4

您可以使用CssClass属性为面板div定义css类。

<asp:Panel ID="Panel2" runat="server" CssClass="myClass">
</asp:Panel>

然后在你的css中使用这个类：

.myClass {
 position: relative;
 top: -11px;
 left: -20px; 
 height: 450px;
 width: 928px;
}

Answer 5

使用

＃主要

{ 位置：相对; 上：17px; 左：154px; 身高：110px; 宽度：691px; }

并将CssClass =“Panel2”添加到面板

如何在asp中为div标签和Panel添加css

5 个答案: