原文：input元素和display:inline-block的元素不在一行的解决办法
每次用到了 lt input gt 元素 和inline block的 lt span gt lt span gt 不一定是span，其他一些inline的元素也是一样 元素，他们总是会不在一个水平线上，这个时候就很蛋疼了，毕竟不在水平线上，很不美观。 有以下解决办法： 对于input和span都用浮动，这样就是平齐的，但是记得在外面清除浮动，避免对其他元素造成影响 不加浮动时，可以通过截图发现， ...
2017-06-01 16:38 1 6767 推荐指数：
相关推荐
display为inline-block的元素在水平方向上之间会有间隙 原因：标签与标签之间使用了空格或者是换行符(空白字符也是字符，样式会影响) 解决办法一： 不使用空白符号，使用注释替代换行、标签的结束标签与开始标签写在一起等（代码的可读性较差） 解决办法二：设置父元素的font-size ...
在CSS布局中，如果我们想要将一些元素在同一行显示，其中的一种方法就是把要同行显示的元素设置display属性为inline-block。但是你会发现这些同行显示的inline-block元素之间会出现一定的空隙。 效果图: 代码: <!DOCTYPE html> ...
使用背景 在实际的工作中，我们有的时候会把块元素设置为inline-block，这样做的目的有2个，一是块元素能够排列到一行，二是块元素就形成包裹性，能够自适应content area，而不必设置宽和高（依实际情况而定），在现在浏览器中没有什么问题，但是IE6、7下，当把block元素设置成 ...
有关于使用inline-block来代替float的讨论也蛮多的，最常说的就是使用inline-block来代替float进行布局，或者使用 inline-block来实现元素的居中效果。但是inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距。关于这个问题，原 ...
:inline-block有时也会带来各种问题，下面是我遇到的一些问题并附带解决办法（有的问题目前我还没有找到解决办法） ...
在日常工作中，会经常遇到两个或多个元素并排排列的效果，以前会使用float等实现，float虽然方便好用，但是需要清除浮动，有时会带来意想不到的bug 而且在移动端是不推荐使用float的，所以使用display:inline-block是一个不错的选择 ...
1、display:inline-block在水平方向的间隙； 代码如下： ...