怎么让span和input在同一行

Posted 2023-05-01

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

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

2、在index.html中的<style>标签中，输入css代码：spandisplay: inline inputdisplay: inline。

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

参考技术A

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

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

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

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

参考技术B <span>示例:</span><input type="text">

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

参考技术C 将input和span包裹在同一个div里面

如何使两个span不在同一行显示、如何使两个DIV在同一行显示、我忘记了、不是float:left;这个

如何使两个span不在同一行显示、如何使两个DIV在同一行显示、我记得是在SPAN写个样式就显示同一行了、
不是float:left;这个

<div id=main style="float:left;width:100px;">

<div id=left style="float:left;width:50px;">在左边</div>

<div id=left style="float:right;width:50px;">在右边</div>

</div>

参考技术A DIV 用float:left，SPAN本身在同行，给它个大于50%的宽度就不在同行啦 参考技术B spandisplay:block; span就不在一行了
div在一行要不用float，要不就用定位本回答被提问者和网友采纳 参考技术C display:inline-block