什么CSS属性导致断行之间的这种形式的输入元素

-2

我试图创建自举一个类似的形式作为一个在这里描述：https://demo.yubico.com/u2f?tab=register 什么CSS属性导致断行之间的这种形式的输入元素

下面的地方说注册U2F设备，有三个可见input元素。

<input type="text" name="username" placeholder="Username" autofocus="autofocus" /> 
<input type="password" name="password" placeholder="Password" /> 
<br /> 
<input type="submit" class="btn btn-success" value="Next" />

当您查看表单时，用户名和密码元素位于完全独立的行上，其中一行在另一行之下。我没有看到任何引导程序或自定义CSS来表明这是在任何地方明确发生的。如果您逐字复制HTML并包含Bootstrap，则这些元素并排显示。

是否有一些CSS我忽略了导致表单中输入元素之间的换行符？

来源

2016-05-12 randombits

请看看如何创建[mcve]。 –

你可以使用萤火虫或IE开发者工具列并检查CSS和html吗？ – dfdsfdsfsdf

默认情况下，html元素是一个内联元素，为了让它们出现在独立的行上，您需要给它们一种显示风格：block;这是一个示例https://jsfiddle.net/onh7tyLg/ – user2677350

含形式是不够宽，让他们都放在一行

来源

2016-05-12 20:50:26 wizzardmr42

这些元素的包装造成的是：如果你放大宽度 - 这将并排显示他们一边

来源

2016-05-12 20:50:36 Dan

什么CSS属性导致断行之间的这种形式的输入元素

回答

相关问题