asp : panels을 같은 줄에 어떻게 표시합니까?

아래의 마크 업은 패널을 다른 패널 아래에 표시합니다. 내가하고 싶은 것은 서로 바로 옆에 표시하는 것입니다.asp : panels을 같은 줄에 어떻게 표시합니까?

<div> 
    <asp:Panel ID="pnlA" runat="server"> 
     <img src="../images/A.png" /> 
     <asp:Literal ID="litA" runat="server" Text="A"></asp:Literal> 
    </asp:Panel> 
    <asp:Panel ID="pnlB" runat="server"> 
     <img src="../images/B.png" /> 
     <asp:Literal ID="litB" runat="server" Text="B"></asp:Literal> 
    </asp:Panel> 
</div>

위는 현재과 같이 표시합니다 :

이

이미지

이미지 B

사실, 나는 이미지 이미지 B

처럼 싶습니다 여기에 마크 업입니다

렌더링 된 HTML은 위와 거의 같지만 패널은 div로 렌더링되므로 내부가없는 구조는 다음과 같습니다.

<div> 
    <div></div> 
    <div></div> 
<div>

출처

2009-09-25 Xaisoft

이것은 생성 된 html과 포함 된 div (패널 태그와 반대)의 결과 일 가능성이 큽니다. 렌더링 된 페이지를 검사하고 생성 된 html을 게시하는 경우이 기사를 매우 빠르게 파악할 수 있습니다. – Rich

조금이라도 도움이된다면 여기서 div를 사용할 필요가 없습니다. – Xaisoft

나는 또한 div를 가져 갔고 두 줄로 나누어 표시했습니다. – Xaisoft

를 작동하는지 확인합니다. 가장 쉬운 방법은 CSS를 사용하여 div의 기본 동작을 재정의하는 것입니다.

<asp:Panel ID="pnlA" runat="server" style="display:inline;"> 
    <img src="App_Themes/TicketDeskTheme/file.gif" /> 
    <asp:Literal ID="litA" runat="server" Text="A"></asp:Literal> 
</asp:Panel> 
<asp:Panel ID="pnlB" runat="server" style="display:inline;"> 
    <img src="App_Themes/TicketDeskTheme/file.gif" /> 
    <asp:Literal ID="litB" runat="server" Text="B"></asp:Literal> 
</asp:Panel>

이 예에서는 HTML에 직접 전달되는 style 속성을 사용합니다. 물론 재사용 가능한 스타일 시트에서 CssClass를 사용하고 싶다면 CssClass를 사용할 수 있습니다.

출처

2009-09-25 17:29:46

후에 ClearBoth에 br를 추가하십시오. 감사 – Xaisoft

ASP : 패널하는 DIV로 렌더링 this answer을 확인하고이 패널 사업부로 HTML로 렌더링

출처

2009-09-25 17:16:08

시도했지만 작동하지 않았습니다. – Xaisoft

두 번째 패널 –

asp : panels을 같은 줄에 어떻게 표시합니까?

답변

관련 문제