asp：panelのusercontrolを水平にレンダリングするには？

Question

私はasp：パネルに多くのusercontrolを追加していますが、コントロールは新しいものが前のものの下に垂直にレンダリングされます。 （コントロールの幅が画面幅を超えた場合、スクロールバー付き）はどのようにコントロールが水平にレンダリングすることができます

は、事前にありがとう

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>