Question

我无法让这些按钮保持在同一条线上，我认为它与“清除”有关。在css中，因为如果我几乎停用按钮的所有css属性（使用chrome＆＃39;检查元素的东西），他们最终会排队。

这是页面：http://framework.aluxian.com/login.php

Answer 1

~~用<div>包裹它们并清除它。~~只需取消 - clear按钮。这是我在Firebug中尝试过的代码：

<form action="login.php" method="post" id="loginform">
<!-- ... -->
<button style="clear: none;" class="button_colour round_all" id="loginbutton" onclick="document.forms['loginform'].submit();"><!-- ... --></button>
<button style="clear: none;" class="button_colour round_all" id="registerbutton" onclick="location.href='register.php'"><!-- ... --></button>
<!-- ... -->
</form>

是的，我相信你不需要所有那些onclick的

Answer 2

只需覆盖clear和.button类中#loginbutton的{{1}}属性，按钮将水平对齐。

#registerbutton

Answer 3

#registerbutton {
    clear: none;
    display: block;
    float: left;
    margin: 10px 30px 55px;
}

#loginbutton {
    clear: none;
    display: block;
    float: left;
    margin: 10px 30px 55px;
}

Answer 4

这是因为main.css样式表中的clear: both; #loginbutton（第425行）和button（第12行）。

删除两者的该属性，或在clear:none;上指定#loginbutton。这将取代button属性。如果在#registerbutton之后添加了其他按钮，您还需要向其添加clear:both;。

需要帮助衬里一些按钮

4 个答案: