行内块,行内元素同行显示会有间隔
解决方法
不换行,代码中同行元素写在同一行中
<input type="text"><input type="text">
父元素设置font-size: 0px; ,自身也设置font-size属性,否则font-size会被继承
<style>.test {font-size: 0;}</style></head><body><div class="test"><input type="text"><input type="text"></div></body>
<style>.test {font-size: 0;}span {font-size: 16px;}</style></head><body><div class="test"><span>hello</span> <span>world</span></div></body>
出现原因是因为同行显示的行内元素,行内块元素中间存在空白符