Angular / Material 中的内联表单元素

Question

我正在尝试设计一个具有输入字段和旁边有一个按钮的表单。但是，我在输入字段顶部找到了按钮。

<mat-form-field>
  <input matInput placeholder="Select Spec Folder">
  <button mat-raised-button >Select Folder</button>
</mat-form-field>

有没有办法让两个元素一个接一个地在同一行上？

谢谢

Answer 1

我找到了问题的答案。有两种方法可以做到这一点：

1. 通过 CSS 将显示设置为“内联”
2. 通过使用 Flexbox 并为需要内联的两个元素创建一个容器