Come visualizzare asp: pannelli sulla stessa riga?

Question

Il codice seguente mostra i pannelli uno sotto l'altro. Quello che mi piacerebbe fare è mostrarli uno accanto all'altro. Ecco il codice:

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

Quanto sopra attualmente visualizza questo modo:

figura A

Immagine B

Quando in realtà, desidero che come Immagine A Immagine B

L'HTML visualizzato è praticamente lo stesso di sopra, ma i pannelli sono resi come div, quindi la struttura senza tutto all'interno è:

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

Answer 1

Un pannello di rendering in HTML come un div. Il modo più semplice è usare semplicemente i CSS per sovrascrivere il comportamento predefinito di 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> 

Questo esempio utilizza l'attributo style, che viene passato direttamente all'HTML. Puoi usare CssClass se preferisci farlo in un foglio di stile riutilizzabile, ovviamente.

Answer 2

asp: Panel renderà come un DIV, controlla this answer e vedere se funziona