有关于使用inline-block来代替float的讨论也蛮多的，最常说的就是使用inline-block来代替float进行布局，或者使用 inline-block来实现元素的居中效果。但是inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距。关于这个问题，原 ...

　 　不知道大家有没有碰到过设置了display:inline-block;的几个相邻元素之间有几px间距的问题，这里提供几种简单实用的解决方法，希望能够帮到大家！ 　　 方法1. 将<li>标签之间的空格与换行全部去掉，这也是我比较常用的一种 ...

目录 一、遇到的问题 二、举个简单的栗子分析问题 三、解决办法 一、遇到的问题 前些天写瀑布流布局的时候，发现明明计算好了宽度使得一行能放下三张图片，实际效果却总是放不下，图片会挤到下一行去。上图： 可以看到，我本来是想要两行图片，每一行是三张 ...

昨天群里有人问个问题：为什么button加了文字后，产生了对齐不一致的问题。 原因在于baseline的对齐问题。 然后就有人推荐了一篇文章：关于Vertical-Align你需要知道的事情 其中里面最后一个例子讲到了如何解决inline元素换行的问题。 里面说用注释可以解决换行 ...

一、现象描述 　　真正意义上的inline-block水平呈现的元素间，换行显示或者空格隔开的情况下会有间距，这是因为浏览器在解析时，会将换行等读取成一个空格导致。 二、移出空格的方法 　　① 我们可以去掉元素之间的换行和空格，这样间距自然就没有了，但是这样会降低代码的可读性，不可 ...

：不是兼容性问题就是需要对布局进行特殊处理，总之都不是很完美。 最终我的解决方案是：给右侧行内块元素设 ...

首先，来看下具体的问题，下面是用inline-block布局实现的两边固定宽度，中间自适应的html代码： 1 2 3 4 5 6 ...

前几天写一个专题页 div{width:900px;}div a{ display:inline-block; width:300px;}<div> <a href=""></a> <a href=""></a> ...