css 多个input标签放到同一行

你可以使用 CSS 属性 `display: inline-block;` 或 `float: left;` 来实现多个 input 标签放到同一行。以下是两种方法的示例代码：

1. 使用 `display: inline-block;`

<div>
  <input type="text" placeholder="Input 1" style="display: inline-block;">
  <input type="text" placeholder="Input 2" style="display: inline-block;">
  <input type="text" placeholder="Input 3" style="display: inline-block;">
</div>

2. 使用 `float: left;`

<div>
  <input type="text" placeholder="Input 1" style="float: left;">
  <input type="text" placeholder="Input 2" style="float: left;">
  <input type="text" placeholder="Input 3" style="float: left;">
</div>

注意：使用 `float: left;` 时，你可能需要在父元素上添加 `overflow: hidden;` 属性来防止子元素溢出父元素。

相关问题

input和img放同一行

您可以使用CSS的flex布局来实现input和img在同一行，将它们放在一个容器内，然后设置该容器的display属性为flex，即可实现同一行显示。具体代码可以参考如下示例：

<div class="container">
  <input type="text" placeholder="输入框">
  <img src="image.png" alt="图片">
</div>

.container {
  display: flex;
  align-items: center; /* 垂直方向居中对齐 */
}

input {
  /* 设置input样式 */
}

img {
  /* 设置img样式 */
}

您可以根据需要对样式进行调整，以适配您的页面布局。

css 两个div如何出现在同一行

可以使用CSS中的float属性，将两个div元素都设置为float:left或float:right，这样它们就可以在同一行上显示。另外，还可以使用display:inline-block来让两个div元素显示在同一行上。下面是一个示例代码：

<div style="float:left;">div1</div>
<div style="float:left;">div2</div>

或者：

<div style="display:inline-block;">div1</div>
<div style="display:inline-block;">div2</div>