ASP.NET Repeater Horizo​​ntal

时间:2013-07-29 18:20:44

标签: c# asp.net css repeater

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

是否可以将其显示为水平?

由于

编辑:我想我需要使用我从评论中读到的HTML。

3 个答案:

答案 0 :(得分:1)

你可以吗?

在每个元素上,将其包装/或应用float样式(float:left)或使其成为inline样式,它将自动对齐:

答案 1 :(得分: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 :(得分:0)

开箱即用,Repeater控件不允许您设置RepeatDirection。您可以使用具有此类属性(RepeatDirection)的DataList或使用CSS来确保元素首先水平渲染,直到它们填充可用宽度,然后继续到下一行。