Angular 角材料倍数“；输入“；同排

如何在同一行上添加多个输入？我尝试过使用引导，但由于某些原因，它不起作用。如果你有一些例子给我看

---

您可能正在查看css样式

显示：块将您正在查看的内容更改为显示：内联块

编辑

---

现在你展示了一些代码。您的基本html很好，它显示彼此相邻的输入。因此，示例窗体或示例全宽类中出现了一些错误。

默认情况下，Angular Material的输入显示在行中（请参见下面的stackblitz），可能是您在项目中的某个位置覆盖了此行为，我指的是CSS规则。如果您喜欢Flexbox，您可以使用，您可以轻松控制如何显示项目：在行或列中，这个包在Angular开发人员中非常常见。这是一个简单的演示，具有“默认”行为（无任何附加规则）和两个布局选项：

列

和

行

：

---

请展示一些HTML和CSS…@KelvinLai这是一个简单的代码，我在你的CSS中添加了一个老鼠味（示例全幅）！我刚刚在我的代码中尝试了你的例子，我在同一行看到了这两个例子。另外，你可以将这些组件放在一个有一行两列的表中。我已经改为display:inline block，但它没有改变。我没有任何CSS，它是一个新的projet@Rubyen你的投入看起来像物质投入吗？我的意思是，它们渲染正确吗（除了它们不在同一行之外）？它们的默认动画效果如何？它们看起来像是材质输入，我已经将flex布局添加到我的项目中并尝试使用它，但它不会放在同一行上。我从演示中获取了代码。@Rubyen，告诉我们，问题是什么）这是一个css，我忘记了，它是一个宽度，被设置为100%，但类被设置在输入上