按钮对齐按钮实现

Question

我正在尝试底部对齐实体化 CSS 按钮。

下面请看我现在的情况:-

我的 HTML 表单按钮如下所示：-

<div class="col s1">
<a id="btn" style="vertical-align: bottom; display: inline-block; position: bottom;" class="btn waves-effect waves-light blue-grey darken-3">Submit</a>
</div>

如何在同一行底部对齐？

Answer 1

使用这个：

#element {
position: absolute;
top: 3%;}

自行测试和调整

按钮对齐按钮实现

Button align buttom in materialize

html

css

materialize