为什么input里面的text和submit不在同一行就会有空白的间隔

Question

下面的text和submit之间有空白的地方

写法1
  <form>
    <input type="text" required>
    <input type="submit" value="search">
  </form>

如果这样写就没有空白

写法2
  <form>
    <input type="text" required><input type="submit" value="search">
  </form>

这是什么原因？那些css框架用的是写法1，却没有空格，怎么解决的？

Answer 1

行内元素换行会被解析为空格

Answer 2

真有这个问题？没考虑过呀。明天回去试试。收藏了。?

Answer 3

用float:left就不会出现空格，display:inline还是会有的

Answer 4

换行被解析，在父级的样式中加个font-size：0px；试试