[分享]css两个input并列放

div {
  display: inline-block;
} 

这样两个表单元素就能够并排显示了。但是，可能会发现两个表单元素之间有一定的间隔。这是由于 HTML 中的空格和换行符造成的。想要去掉这些间隔，可以使用一些方法来实现：

方法一：利用 HTML 注释来消除空格

<div>
  <input type="text" placeholder="输入姓名"><!--
  --><input type="email" placeholder="输入邮箱">
</div> 

在两个元素之间添加一段注释，这样它们就会黏在一起。

方法二：使用 CSS 中的 font-size 属性

div {
  font-size: 0;
}

div input {
  font-size: 16px;
} 

在