css - 如何将 CSS 样式添加到 asp.net ListView ？

Question

我知道直接将 css 样式添加到 ListView 是不可能的，但是有什么办法可以解决这个问题吗？我正在尝试创建一个新闻页面，其中每个新闻 block 基本上都包含在一个框中。这是我的 ListView 代码

    <div>

    <asp:ListView  ID="lvNews" runat="server" DataSourceID="SqlNewsDataSource">
        <ItemTemplate>
            <asp:Label ID="TitleLabel" CssClass="subtitle" runat="server" Text='<%# Eval("Title") %>' />
            <br />
            <asp:Image ID="news_image" Width="300px" Height="250px" runat="server" ImageUrl='<%# Eval("Imageurl") %>'/>
            <br/>
            <br />
            <asp:Label ID="NewsLabel" CssClass="bodyText" runat="server" Text='<%# Eval("News") %>' />
            <br />
            <br/>
        </ItemTemplate>
    </asp:ListView>
    <asp:SqlDataSource ID="SqlNewsDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:sqlMUConnectionString %>" SelectCommand="SELECT [Title], [News], [Imageurl] FROM [News]"></asp:SqlDataSource>

</div>

以及我尝试应用的 css 样式

    /*News Page*/
.newsBox {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    margin: auto;
    text-align: center;
}

Answer 1

只需使用该类的 div 将 ItemTemplate 中的元素包装起来。

像这样:

<asp:ListView  ID="lvNews" runat="server" DataSourceID="SqlNewsDataSource">
    <ItemTemplate>
         <div class="newsBox">
            <asp:Label ID="TitleLabel" CssClass="subtitle" runat="server" Text='<%# Eval("Title") %>' />
            <br />
            <asp:Image ID="news_image" Width="300px" Height="250px" runat="server" ImageUrl='<%# Eval("Imageurl") %>'/>
            <br/>
            <br />
            <asp:Label ID="NewsLabel" CssClass="bodyText" runat="server" Text='<%# Eval("News") %>' />
            <br />
            <br/>
        </div>
    </ItemTemplate>
</asp:ListView>