Css 在<;HeaderTemplate>;数据表格式

Css 在<;HeaderTemplate>;数据表格式,css,asp.net,datalist,Css,Asp.net,Datalist,我正在设计一个ASP.NET页面,其中使用了sqlserver数据库中的一些数据。我使用调用数据并填充页面中我想要的任何位置。我的问题是,CSS似乎不适用于中的元素。我搜索了一些帖子,但找不到答案 我试着像你在代码中看到的那样设计,我也试着设计我调用的数据的样式。然后我试着同时使用它们,正如你所看到的。它们都不起作用 这是我的代码: <div class="col-lg-4"> <img class="img-circle" src="../Images/

我正在设计一个
ASP.NET
页面,其中使用了
sqlserver数据库中的一些数据
。我使用
调用数据并填充页面中我想要的任何位置。我的问题是,CSS似乎不适用于
中的元素。我搜索了一些帖子,但找不到答案

我试着像你在代码中看到的那样设计
,我也试着设计我调用的
数据的样式。然后我试着同时使用它们,正如你所看到的。它们都不起作用

这是我的代码:

<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>
CSS方面:

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

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

使用

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


嗯,我想我试过相反的方法。我试着用itemsyle来代替它。让我试试你的,我会回来的!谢谢你的建议:)先看链接,你就会明白一切。不,它似乎也不起作用。我还试图忘记
,并尝试编写

,它确实使文本居中对齐,但不能与其他css组一起使用。这是这张照片,我希望它看起来像正确的一张/最后,我放弃了
HeaderTemplate
,在
ItemTemplate
中使用了
p
,只是在style
p
中添加了左边距。至少它看起来是对的,现在:)嗯,我试着做相反的事,我想。我试着用itemsyle来代替它。让我试试你的,我会回来的!谢谢你的建议:)先看链接,你就会明白一切。不,它似乎也不起作用。我还试图忘记
,并尝试编写

,它确实使文本居中对齐,但不能与其他css组一起使用。这是这张照片,我希望它看起来像正确的一张/最后,我放弃了
HeaderTemplate
,在
ItemTemplate
中使用了
p
,只是在style
p
中添加了左边距。至少现在看起来是对的:)你能提供你想要的输出的html样本吗?因为我想你只需要ItemTemplate,我也试过你的建议了。正如我以前尝试过的那样,现在在大屏幕上看起来还可以,但是当我把浏览器变小时,ItemTemplate似乎就停留在原来的位置。简而言之,它在手机屏幕上不起作用。我不能给你html样本,因为它是一个aspx页面。我不想浪费时间写html。我可以给你截图,看看设计有什么问题。下面是ss:那么您没有正确使用引导类。请尝试以下操作,因为它也不起作用。当我在localhost上运行时查看浏览器中的代码时,我看到datalist正在创建一个表。现在,我正试图用div构建这个Datalist表,以便可以对其进行操作。让我们看看会发生什么。我会在找到解决方案后更新。谢谢你的建议^^^是的,用正确的Css规则添加
,真是太神奇了!:)我将更新我的问题以发布解决方案。您是否可以提供所需输出的示例html,因为我认为您只需要ItemTemplate

我也尝试了您的建议。正如我以前尝试过的那样,现在在大屏幕上看起来还可以,但是当我把浏览器变小时,ItemTemplate似乎就停留在原来的位置。简而言之,它在手机屏幕上不起作用。我不能给你html样本,因为它是一个aspx页面。我不想浪费时间写html。我可以给你截图,看看设计有什么问题。下面是ss:那么您没有正确使用引导类。请尝试以下操作,因为它也不起作用。当我在localhost上运行时查看浏览器中的代码时,我看到datalist正在创建一个表。现在,我正试图用div构建这个Datalist表,以便可以对其进行操作。让我们看看会发生什么。我会在找到解决方案后更新。谢谢你的建议^^^是的,用正确的Css规则添加
,真是太神奇了!:)我将更新我的问题以发布解决方案