怎么让span和input在同一行

如题所述

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

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

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-07-16

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

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

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

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

本回答被网友采纳
第2个回答  2017-06-12
<span>示例:</span><input type="text">

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

第3个回答  2018-07-22
将input和span包裹在同一个div里面
相似回答