Datalist <HeaderTemplate> 中的元素样式

【问题标题】：Style the element in <HeaderTemplate> of DatalistDatalist <HeaderTemplate> 中的元素样式
【发布时间】：2015-09-13 15:52:55
【问题描述】：

我正在使用来自SQL Server Database 的一些数据设计一个ASP.NET 页面。我使用<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 工作时查看浏览器中的代码时，我发现问题是 Datalist 创建的table。因此，我将table 与div 框在了Datalist 代码之外，并编写了CSS 类以使其适用于所有屏幕尺寸。代码如下：

Asp.Net 端：

<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;
    }

【问题讨论】：

• 您能否提供您想要的输出示例 html，因为我认为您只需要 ItemTemplate

• 我也试过你的建议。正如我之前尝试过的那样，它现在在大屏幕上看起来还不错，但是当我将浏览器缩小时，它似乎是 ItemTemplate 保持原样的部分。简而言之，它在手机屏幕上不起作用。我不能给你 html 示例，因为它是一个 aspx 页面。我不想浪费时间写html。我可以给你截图，看看设计有什么问题。这是 ss：tinypic.com/r/2u7lg0w/8
• 那么你没有正确使用引导类。尝试关注