Question

我有很多用户控件添加到asp：面板，但控件垂直呈现，每个新控件都低于前一个。如何水平渲染控件（如果控件的宽度超出屏幕宽度，则使用滚动条）

提前谢谢

Answer 1

ASP.NET Panel控件通常在客户端呈现给<div>元素。你应该为它添加一个类：

<asp:Panel CssClass='float-left'>

然后在CSS中浮动它们：

.float-left
{
   float: left;
}

Answer 2

您可以在表格的单元格中水平添加每个用户控件，或者将CSS display:inline属性设置/应用到用户控件的容器中。

Answer 3

当html解析器将用户控件呈现为整个html元素时，您应该创建一个包含所需列和行的表，并将用户控件放在td标记内。如果用户控件的计数未知并且在运行时由代码决定，则应创建一个asp：table并添加预定义的表格单元格和行。

希望有所帮助。问候。

<table style="width:100%;">
    <tr>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC1" runat="server" />
        </td>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC2" runat="server" />
        </td>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC3" runat="server" />
        </td>
    </tr>
    <tr>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC4" runat="server" />
        </td>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC5" runat="server" />
        </td>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC6" runat="server" />
        </td>
    </tr>
    <tr>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC7" runat="server" />
        </td>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC8" runat="server" />
        </td>
        <td>
        <UC:Special_Ad_Holder_UC ID="Special_ad_holder_UC9" runat="server" />
        </td>
    </tr>
</table>

如何在asp：panel中水平呈现用户控件？

3 个答案: