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

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;则直接可以解决 两个行内元素 垂直居中的问题同时也消除默认边距问题。

  

 

posted on 2016-04-15 13:44  Jcc_wen  阅读(201)  评论(0编辑  收藏  举报

导航