ASP.NET 水平中继器 [关闭]答案

【问题标题】：ASP.NET Repeater Horizontal [closed]ASP.NET 水平中继器 [关闭]
【发布时间】：2013-07-29 16:13:00
【问题描述】：

当我将列表绑定到我的中继器时，它会垂直显示列表中的所有项目。

可以横向显示吗？

谢谢

编辑：我认为我需要使用从 cmets 读取的 HTML。

【问题讨论】：

请提供更多信息。中继器只是渲染你给它的任何 HTML——它不会为你设计任何东西。因此，如果它没有按照您的意愿进行操作，那么您的 HTML 就是问题所在，可以查看。
@JoeEnos 非常正确 - 取决于您的 html，您应该能够通过更改标记和/或添加一些 CSS 类来实现您想要的效果
哦，所以我需要在转发器中放一些 html 是什么让它水平？
搜索“CSS 水平 div”（或者你的中继器代码为每一行生成的 wahtever 标记）。 IE。 CSS - Make divs align horizontally 的可能重复项

标签： c# asp.net css repeater

【解决方案1】：

ASP.NET Repeater 控件的替代方法是使用 ASP.NET DataList 控件，如下所示：

<asp:DataList ID="dlContacts" runat="server" RepeatLayout="Table" RepeatColumns="2" CellPadding="2" CellSpacing="2">
    <ItemTemplate>
        // Put your markup structure here
        <table>
            <tr>
                <td colspan="2">
                </td>
            </tr>
        </table>
    </ItemTemplate>
</asp:DataList>

阅读ASP.NET DataList Rolodex 了解如何实现此功能的示例。

【讨论】：

这正是我想要的！谢谢！！

【解决方案2】：

是的，你可以。

在每个元素上，将其包裹/或应用float 样式（float:left）或使其成为inline 样式，它将自动向左对齐：

【讨论】：

【解决方案3】：

开箱即用，Repeater 控件不允许您设置RepeatDirection。您可以使用 DataList，它确实具有这样的属性 (RepeatDirection)，或者使用 CSS 确保元素首先水平呈现，直到它们填满可用宽度，然后继续到下一行。

【讨论】：