博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决 内联元素 分行空格 浏览器默认间距问题
阅读量:5219 次
发布时间:2019-06-14

本文共 445 字,大约阅读时间需要 1 分钟。

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

你可能感兴趣的文章
http站点转https站点教程
查看>>
解决miner.start() 返回null
查看>>
关于MFC中窗口的销毁
查看>>
bzoj 2007: [Noi2010]海拔【最小割+dijskstra】
查看>>
BZOJ 1001--[BeiJing2006]狼抓兔子(最短路&对偶图)
查看>>
C# Dynamic通用反序列化Json类型并遍历属性比较
查看>>
128 Longest Consecutive Sequence 一个无序整数数组中找到最长连续序列
查看>>
定制jackson的自定义序列化(null值的处理)
查看>>
auth模块
查看>>
javascript keycode大全
查看>>
前台freemark获取后台的值
查看>>
log4j.properties的作用
查看>>
游戏偶感
查看>>
Leetcode: Unique Binary Search Trees II
查看>>
C++ FFLIB 之FFDB: 使用 Mysql&Sqlite 实现CRUD
查看>>
Spring-hibernate整合
查看>>
cocos2dx 3.3环境搭建
查看>>
c++ map
查看>>
exit和return的区别
查看>>
ThinkPHP5.1安装
查看>>