如果您查看我的代码 ( here )，我将 input 元素提供给 form1 并将 span 元素提供给 form2 .跨度。 form2.span 是内联元素，input 也是内联元素，但为什么显示方式不同呢？如果不是，input 元素呢？
span、input 和 div 元素之间有什么区别？
最佳答案
一些事情:
- 这个文件没有 DOCTYPE(也没有
<html>标签)，它在这里没有做太多事情，但如果不是，它可以做一些随机的事情，因为它会让一些浏览器进入“怪癖”模式。 - 您输入的内容位于下一行的原因是它们不适合上一行。这是因为表单宽度设置为 263px，标签宽度设置为 80px，输入宽度设置为 200px。 200 + 80px 大于 263px，因此移至下一行。
- 您在表单 2 中添加的随机文本位实际上并不在
<span>中标签。 - Email 出现在随机文本之前的原因是因为它向左浮动，所以它移动到未 float 的随机文本旁边(This link 是解释这一点的一个很好的链接)。
- 电子邮件向上移动的另一个原因是因为它适合那里，记住标签是 80 像素。 80+80 +(随机文本宽度)小于表单宽度设置为263px。
关于div和span/inline元素的区别。在 Google 中查找“内联元素与 block 元素”，甚至在 StackOverflow 上查找，我敢肯定它已经被讨论过几次。
关于html - span、input 和 div 元素之间有什么区别？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7396943/