如何在asp：panel中水平呈現usercontrols？

Question

我有很多usercontrols添加到一個asp：面板，但控件呈現垂直與每個新的低於前一個。

我怎麼能水平令控制器（帶滾動條，如果控件的寬度超過屏幕的寬度）預先感謝您

Answer 1

ASP.NET Panel控制通常呈現到<div>元素在客戶端。你應該一類添加到它：

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

然後在CSS的float他們：

.float-left 
{ 
    float: left; 
} 

Answer 2

您可以在表的單元格水平增加每個用戶的控制或設定/應用CSS display:inline屬性的用戶容器-控制。

Answer 3

作爲html解析器將用戶控件呈現爲一個完整的html元素，您應該創建一個包含所需列和行的表格，並將您的用戶控件放入td標籤中。 如果您的用戶控件的計數未知，並且由運行時的代碼決定，則應創建一個asp：表並添加預定義的表單元格和行。

希望有幫助。 關於。

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