无法居中数据列表答案

【问题标题】：Cannot Center DataList无法居中数据列表
【发布时间】：2014-08-30 15:24:37
【问题描述】：

这快把我逼疯了。我正在使用 Visual Studio 2013。基本 Web 表单。我想在页面顶部放置一个标题，其中包含从数据库中获取的一些信息（两个字段）。它可以很好地提取数据，但我已经尝试了所有我能想到的（并在 Google 上找到），但我无法让数据列表显示在页面的水平中心。

这是我所拥有的：

<div class="jumbotron">
    <h2>
    <asp:DataList
    id="DataList1"
    DataSourceId="ds_NetInfo"
    RepeatColumns="2"
    Runat="server"  class="text-center">
    <ItemTemplate>
       <%#Eval("netwk_Name")%>- <%#Eval("netwk_Desc")%>
    </ItemTemplate>
    </asp:DataList>
    </h2>
</div>

我尝试过 div、面板、css。我显然错过了一些东西。这不应该那么困难。任何想法将不胜感激。

谢谢！

【问题讨论】：

标签： css asp.net html visual-studio

【解决方案1】：

尝试将 CSS 属性（例如 width）添加到 <div> 开始标记中。添加它可能有助于让它按照您的意愿呈现，这取决于您的代码中已经影响的内容（CSS 表、父元素等）。

如：

style="width:75%; margin: 0 auto;"

在你的代码中：

<div class="jumbotron" style="width:75%; margin: 0 auto;">
    <h2>
        <asp:DataList
            id="DataList1"
            DataSourceId="ds_NetInfo"
            RepeatColumns="2"
            Runat="server" Width="100%" class="text-center">
            <ItemTemplate>
                <%#Eval("netwk_Name")%>- <%#Eval("netwk_Desc")%>
            </ItemTemplate>
        </asp:DataList>
    </h2>
</div>

【讨论】：

这没有用，但我很感激你的努力。我得到的另一个答案确实有效。谢谢！
忘记在Runat 行中添加Width="100%" -.- 由于输入错误而丢失了正确答案。至少我足够快:)

【解决方案2】：

将以下样式添加到您的div，然后将您的DataList 的宽度设置为100%。

<div class="jumbotron" style="width:50%; margin: 0 auto;">
    <h2>
    <asp:DataList
    id="DataList1"
    DataSourceId="ds_NetInfo"
    RepeatColumns="2"
    Runat="server" Width="100%"  class="text-center">
    <ItemTemplate>
       <%#Eval("netwk_Name")%>- <%#Eval("netwk_Desc")%>
    </ItemTemplate>
    </asp:DataList>
    </h2>
</div>

如果您不想内联，当然也可以将它们设置为 CSS 样式项。

【讨论】：

这很好用。对我来说没有意义，但效果很好。谢谢！