html 如何控制元素换行

[zaiai2003]

<form id="traverseForm">
First Name: <input type="text" id="firstName"> Last Name:
<input type="text" id="lastName"> Email Address:
<input type="text" id="email"> Phone Number:
<input type="text" id="phone">
<input type="submit" id="send" value="send">
</form>

结果在网页中重看，是一行文本一个输入框；怎么设置为 一个提示文本，后面紧跟着一个输入框？

[zaiai2003]

刚才写的很着急，就是出来的效果是 一行文本，一行输入框；想要效果是，一个文本后面紧跟着一个输入框。就是如何控制元素的换行？

[zaiai2003]

@zpjshiwo77，就是想要在一行的效果。就是你给的图片的意思。

[zpjshiwo77]

引用 7 楼 zaiai2003 的回复:

@zpjshiwo77，就是想要在一行的效果。就是你给的图片的意思。

我用的是你的代码，就是这样的效果。 可能是你的其他CSS样式影响到了这部分内容。如果出现换行了，就可能是在你的<form>标签的样式里面声明了display的属性。你去检查一下吧，或者把这部分代码的CSS样式贴出来，再帮你看看。

[zaiai2003]

我不想换行，怎么现在换行了？

[zpjshiwo77]

<input>标签是块级元素，要占一整行。在它的class里面声明display:inline。变成内敛元素。

[zpjshiwo77]

引用 4 楼 zpjshiwo77 的回复:

<input>标签是块级元素，要占一整行。在它的class里面声明display:inline。变成内敛元素。

我好想说错了，<input>标签不是块级元素。话说你这些都在一行里面啊，你到底是想要什么效果？

[孟子E章]

<nobr> First Name: <input type="text" id="firstName"> Last Name: <input type="text" id="lastName"> Email Address: <input type="text" id="email"> Phone Number: <input type="text" id="phone"> <input type="submit" id="send" value="send"> </nobr>

[努力深浅只有自己知道]

使用＜br＞

[李尸尸]

<form id="traverseForm"> <p><label> First Name:</label> <input type="text" id="firstName"></p> <p><label>lastname</label><input type="text" id="lastName"></p> . . . . . . </form>

[ggg.ggg]

还没解决的话，你可以看看这个网页的源代码。它是分为两行的。（湖北省填报志愿的登录页面）http://tbzy.hubzs.com.cn