按钮要并排排列

Question

我有这段代码：

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

这会将我的按钮一个显示在另一个下面。我希望这些按钮并排显示。

Answer 1

将以下css属性添加到按钮中。

float:left;
display:inline-block;

这会有所帮助。

对所有按钮使用一个公共类来应用它。

例如

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