display的属性值inline-block是让元素在一行显示，html元素默认上下排列的，所以中间有换行符，于是并排显示就有了换行符带来的空隙。这些空隙在大多数网页布局中并不合适，那么如何解决呢？
方案一：将html标签要display:inline-block 的元素写在一行。缺点：代码可读性差。
方案二：给父元素设置font-size:0,缺点是子元素如果里面有文字，文字会消失不见，所以又要给子元素设置font-size:0,增加了代码量。
方案三：给元素设置float:left,缺点高度塌陷，要清楚浮动。
方案四：设置子元素的margin-left为负值，但是元素之间的间隙大小是根据上下文的字体大小确定的，而每个浏览器的换行空隙大小不同，如果font-szie：16px,chrome空隙为8px,火狐空隙为4px.所以这个方法不通用。
方案五：设置父元素 display:table;word-spacing:-1em;目前这个方法可以完美解决，且兼容其他浏览器。
相关推荐
-
outlook一直更新（outlook一直更新不进邮件）
近日有不少微软 Outlook 用户反馈称，在运行 version 2005 build 12827.20268及更高版本之后出现：“你的某个数据文件出现错误，Outlook 需要关闭。Outlook 可能会修复你的文件，点击 OK 运行收件箱维修工具”。 如果...
-
web中cookie（cookie的安全属性）
这篇文章写的是关于cookie的存储和获取，小白们可以看一看看，大佬飘过~ 首先，我们既然说到cookie的存储和获取，我们就要明确什么是cookie？ Cookie说白了就是储存在用户本地终端上的数据，指的是某些网站为了辨别...
-
淘宝关键词选词的方法（淘宝关键词怎么选择技巧）
一个好的商品标题既能够突出商品的特点和属性，又能够使商品在消费者自然搜索过程中更多的看见我们，并且是和店铺相互匹配的买家用户。而标题是由一个个关键词组成的，所以淘宝商品的关键词对商品的搜索十分重要。那...
-
mysql常用语句大全（mysql常用语句超级详细汇总）
1.连接数据库： 连接本地数据库： mysql -u root -p 连接远程数据库： mysql -h 192.169.22.199 -u root -p 退出数据库： exit 2.创建数据库： create database payment; 使用 mysqladmin 创建数据库 mysqladmin -u ...
-
银耳要泡多久才可以煮（煮梨水,离不开银耳,银耳要泡多久才能喝）
说起银耳，大家第一个想到的是燕窝。没错，燕窝的颜色、形状跟银耳有些相似。而且银耳的营养价值也不比燕窝的营养价值低 银耳含有丰富的蛋白质和维生素，有清肺养血、滋阴化痰、护肝等功效。银耳能够有效防止钙质的...
-
满江红原文（满江红古诗原文及翻译）
岳飞《满江红》原文|注释|赏析 岳飞 怒发冲冠，凭栏处，潇潇雨歇。抬望眼，仰天长啸，壮怀激烈。三十功名尘与土，八千里路云和月。莫等闲，白了少年头，空悲切! 靖康耻①，犹未雪，臣子恨，何时灭? 驾长车踏破、贺兰...