html - 使用母版页时更改内容占位符的样式

Question

我有一个网站(VS2010、asp.net、VB)并且我正在使用母版页。我还有其他几个页面，在其中一个页面上，我想将背景颜色设置为内容占位符。我正在使用样式表并在 .aspx 页面上包含以下代码。 (这只是测试代码)

<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="Dashboard2.aspx.vb" Inherits="Dashboard2" %>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div id="body_color">
<table id="mainDisplay">
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
</table>
</div>
</asp:Content>

我已尝试引用内容占位符的 ID，但不起作用。

以下是表格的 CSS，我将它水平和垂直居中。

#mainDisplay
{
    margin-left:auto;
    margin-right:auto;
    margin-top:100px;
    width:900px;
    height:450px;
}

更新代码以在 aspx 页面上显示所有内容

Answer 1

ContentPlaceHolder 元素不在客户端代码中呈现。查看您生成的源代码并检查。您需要将样式应用到 ContentPlaceHolder 中的 div。

例子:

<style>
    #placeHolderDiv {
        width: 1000px;
        height: 650px;
        background-color: #AAA;
    }
    #mainDisplay {
        margin-left: auto;
        margin-right: auto;
        margin-top: 100px;
        width: 900px;
        height: 450px;
        background-color: #DDD;
    }
</style>


<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div id="placeHolderDiv">
        <table id="mainDisplay">
...