asp : panel에서 usercontrol을 가로로 렌더링하는 방법은 무엇입니까?

Question

asp : 패널에 많은 usercontrol이 추가되었지만, 컨트롤은 이전의 새로운 컨트롤과 수직으로 렌더링됩니다.

사전에 감사하는 방법 (컨트롤 '폭이 화면 너비를 초과하는 경우 스크롤로) 내가 컨트롤을 가로로 렌더링 할 수

Answer 1

ASP.NET Panel 제어는 일반적으로 클라이언트 측에서 <div> 요소로 렌더링합니다.

.float-left 
{ 
    float: left; 
} 

Answer 2

당신은 테이블의 셀에 각 사용자 컨트롤을 수평으로 추가 할 수 있습니다 또는 설정/사용자의 컨테이너에 CSS display:inline 속성을 적용

이

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

그런 다음 CSS에서 그들을 떠 : 당신은 그것에 클래스를 추가한다 -제어.

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>