无法居中DataList

Question

快把我逼疯了。我正在使用2013。基本的Web表单。我想将一个标题放在页面的顶部，并从数据库(两个字段)中获取一些信息。它可以很好地提取数据，但是我已经尝试了我所能想到的一切(并且在Google上找到)，并且我无法让datalist显示在页面的水平中心。

以下是我所拥有的：

<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。很明显我漏掉了什么。这不应该那么困难。任何想法都将不胜感激。

谢谢!

Answer 1

将以下样式添加到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样式项。

Answer 2

尝试将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>