Buttons werden nebeneinander ausgerichtet

Question

ich diesen Code haben:

<asp:Panel ID="Panel4" runat="server"> 
       <div style="position:absolute; bottom:578px; left:4%; width: 6%;" > 
        <asp:linkButton id="cmdBackHour" runat="server" CssClass="configurebuttons" Text="< 1 hr" ToolTip="Go back one hour"/> 
        <asp:linkButton id="cmdBackDay" runat="server" CssClass="configurebuttons" Text="< Day" ToolTip="Go back one day" />  
        <asp:linkButton id="cmdForwardDay" runat="server" CssClass="configurebuttons" Text="Day >" ToolTip="Go forward one day" /> 
        <asp:linkButton id="cmdForwardHour" runat="server" CssClass="configurebuttons" Text="1 hr >" ToolTip="Go forward one hour" /> 
       </div>     
      </asp:Panel> 

Das zeigt meine Tasten untereinander. Ich möchte, dass diese Schaltflächen nebeneinander angezeigt werden.

Answer 1

Fügen Sie die folgenden css-Eigenschaften zu Ihren Schaltflächen hinzu.

float:left; 
display:inline-block; 

Dies wird helfen.

Verwenden Sie eine gemeinsame Klasse für alle Schaltflächen, um dies anzuwenden.

Eg.

.btn { 
    float:left; 
    display:inline-block; 
}