Comment afficher les panneaux asp:: sur la même ligne?

Question

Le balisage ci-dessous affiche les panneaux les uns au-dessous des autres. Ce que je voudrais faire, c'est les afficher l'un à côté de l'autre. Voici le balisage:

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

qui précède, il affiche actuellement comme ceci:

image A

image B

Quand en fait, je voudrais comme l'image A Image B

Le rendu HTML est à peu près le même que ci-dessus, mais les panneaux sont rendus en tant que divs, donc la structure sans tout à l'intérieur est:

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

Answer 1

Un groupe spécial rend en HTML comme div. Le plus simple est de simplement utiliser CSS pour remplacer le comportement par défaut de divs.

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

Cet exemple utilise l'attribut style, qui est transmis directement au code HTML. Vous pouvez utiliser CssClass si vous préférez le faire dans une feuille de style réutilisable bien sûr.

Answer 2

asp: Panel rendu en DIV, consultez this answer et voir si cela fonctionne