如何在html中向上移动一个按钮

Question

我在搜索框旁边的搜索按钮时遇到了问题。

以下是代码：

$"{yy}{MM}{yourNumber}"

我正在使用AmazeUI CSS框架 https://github.com/amazeui/amazeui/

这是CSS：

<form action="search.php">
    <input type="text" name="q" class="am-form-field">
    <span class="am-input-group-btn">
    <button class="am-btn am-btn-primary" type="button submit"><span class="am-icon-search"></span> </button>
    </span>
    </form>

Answer 1

如果可以（取决于您希望实现的浏览器支持）使用flexbox，只需将display: flex添加到表单标记即可。

否则你可以设置input.am-form-field的宽度（如80％或其他）并向其添加float: left