解决 内联元素 分行空格 浏览器默认间距问题

1.<li> <span class="ch_toolbar_listspan">礼包名:</span><input id="name" class="easyui-textbox" type="text" name="name" data-options="required:true"></li>

    行内元素如在html上有空格或换行，在不同的浏览器显示时会出现 默认的几像素边距

    清楚该边距的方法

   方法 a.设置父元素 font-size:0px,子元素（行内元素）分别设置实际的font-size:尺寸。（该方法虽然实现的消除边距bug,但实际上左边的span 标题 行高不可控，不能与右边input 框对齐。

    方法b. 设置 span元素 dispaly:inline-block；  float：left；则直接可以解决 两个行内元素 垂直居中的问题同时也消除默认边距问题。

  

 

转载于:https://www.cnblogs.com/wenchaojcc/p/5395162.html