设置<HeaderTemplate>数据列表元素的样式

Question

我正在设计一个ASP.NET页面，使用SQL Server Database的一些数据。我使用<DataList>来调用数据并填充页面中我想要的任何地方。我的问题是，CSS似乎不工作的元素在<HeaderTemplate>。我搜索了一些帖子，但我找不到答案。

我试着像你在代码中看到的<p>样式，我也试着用<span>调用数据样式。然后我试着同时使用它们，如你所见。

下面是我的代码:

<div class="col-lg-4">
         <img class="img-circle"   src="../Images/icons/1.png" alt="Generic placeholder image" height="120" width="120" style="position:relative;">
         <h2>Last News</h2>
         <asp:DataList ID="DataList1" runat="server">
             <HeaderTemplate><p style="text-align:center;"></HeaderTemplate>
             <ItemTemplate><span style="text-align:center;"><%#Eval("news_header") %></span></ItemTemplate>
             <FooterTemplate></p></FooterTemplate>
         </asp:DataList>       
         <p><a class="btn btn-default" href="haberler.aspx" role="button">Devamını Oku »</a></p>
</div>

更新和解决方案:

当我在浏览器中查看代码时，localhos正在工作，我看到问题是数据主义者创建的table。因此，我将table与div框在Datalist代码之外，并编写CSS类，使其适用于所有屏幕尺寸。代码如下:

Asp。净:

<div class="col-lg-4">
     <img class="img-circle"   src="../Images/icons/1.png" alt="Generic placeholder image" height="120" width="120" style="position:relative;">
     <h2>Son Haberler</h2>
       <div class="col-lg-12"><asp:DataList ID="DataList1" runat="server">
           <HeaderStyle  CssClass="deneme2"/>
             <ItemTemplate>
                <span><%#Eval("haber_baslik_tr") %></span>
             </ItemTemplate> 
           </asp:DataList></div>    
     <br /><p><a class="btn btn-default" href="haberler.aspx" role="button">Devamını Oku »</a></p>
  </div>

CSS:

.col-lg-12 table{
        width:100%;
    }
.col-lg-12 table tbody tr td{
     text-align:center;
    }

Answer 1

使用数据列表。HeaderStyle

<HeaderStyle CssClass="MyHeaderClass">
 </HeaderStyle>