在网格布局中呈现内容答案

【问题标题】：Rendering content in a grid layout在网格布局中呈现内容
【发布时间】：2018-07-20 05:04:55
【问题描述】：

我有一个页面，我在其中显示带有标题的视频。我目前正在使用一个Repeater，它呈现出一个带有视频标题的div和一个带有视频iframe html的div。一切都来自我存储视频标题和视频 iframe html 的数据库表。

<asp:Repeater ID="RptVideos" runat="server" OnItemDataBound="RptVideos_ItemDataBound">
<ItemTemplate>
    <div class="TrainingVideosVideoContainer">
        <div class="Title">
            <asp:Label ID="LblVideoTitle" runat="server" />
        </div>
        <div class="Video">
            <asp:Literal ID="LitYoutubeVideo" runat="server" />
        </div>
    </div>
</ItemTemplate>

我的问题是这会使它们以列表格式呈现在另一个之下。我希望以几乎网格格式呈现我的视频，所以两个并排等。最好怎么做？ HTML 渲染？中继器？网格视图？

【问题讨论】：

你使用什么样的框架？也许是引导程序？
您可能需要一个 DataList，因为它有 RepeatColumns 和 RepeatDirection

标签： c# asp.net layout rendering

【解决方案1】：

我发现@Crowcoder 在这个使用 DataList 控件的建议中是正确的。有了这个，我可以将布局指定为表格格式，RepeatColumns 设置为 2

<asp:DataList ID="DltVideos" runat="server" OnItemDataBound="DltVideos_ItemDataBound"
RepeatColumns="2" RepeatLayout="Table" Width="100%">
<ItemTemplate>

    <div class="TrainingVideosVideoContainer">
        <div class="Title">
            <asp:Label ID="LblVideoTitle" runat="server" />
        </div>
        <div class="Video">
            <asp:Literal ID="LitYoutubeVideo" runat="server" />
        </div>
    </div>

</ItemTemplate>
</asp:DataList>

【讨论】：