Question

这让我发疯了。我正在使用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，panel，css。我显然遗漏了一些东西。这不应该那么困难。任何想法都将不胜感激。

谢谢！

Answer 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>

Answer 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样式项。

无法居中DataList

2 个答案: