我有一个简单的表单,其中包含一个电子邮件字段和一个提交按钮,我正在应用flexbox布局。 flexbox本身工作正常,但似乎webkit在输入元素旁边添加了一些额外的间距(非输入元素看起来很好)。在IE11和Firefox中不会出现此问题,但在Opera和Chrome中会出现此问题。由于IE和Firefox不这样做,因此很难创建一致的跨浏览器UI。是否有一些属性我可以覆盖以防止添加这个额外的空间?或者这是一个错误吗?
<section id="inputContent">
<input type="Email"/>
<input type="Submit"/>
</section>
section
{
display:flex;
}
答案 0 :(得分:0)