Question

怎么让span和input在同一行

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：span{display: inline} input{display: inline}。

3、浏览器运行index.html页面，此时span和input成功排列在同一行。

Answer 2

需要准备的材料分别有：电脑、chrome浏览器、html编辑器。

1、首先打开html编辑器，新建一个html文件，例如：index.html。

2、其次在index.html中的<style>标签中，输入css代码：input {display: inline}和span {display: inline}。

3、最后浏览器运行index.html页面，此时<span>标签和<input>成功显示在了同一行。

Answer 3

<span>示例:</span><input type="text">

直接写在一起不会产生换行 是不是容器宽度不够挤下去了

Answer 4

将input和span包裹在同一个div里面