Làm cách nào để hiển thị asp: các bảng trên cùng một dòng?

Question

Đánh dấu bên dưới hiển thị các bảng bên dưới bảng kia. Những gì tôi muốn làm là hiển thị chúng ngay bên cạnh nhau. Dưới đây là đánh dấu:

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

Trên đây hiện đang hiển thị nó như vậy:

Image

Hình ảnh B

Khi trong thực tế, tôi muốn nó như Image Hình ảnh B

HTML được hiển thị khá giống như trên, nhưng các Bảng được hiển thị dưới dạng div, do đó cấu trúc không có mọi thứ bên trong là:

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

Answer 1

Một Bảng điều chỉnh ám trong HTML như một div. Cách dễ nhất là chỉ sử dụng CSS để ghi đè hành vi mặc định của các 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> 

Ví dụ này sử dụng thuộc tính kiểu được chuyển thẳng tới HTML. Bạn có thể sử dụng CssClass nếu bạn muốn làm điều đó trong một bản định kiểu có thể sử dụng lại.

Answer 2

asp: Panel sẽ render như một DIV, hãy kiểm tra this answer và xem nếu nó hoạt động