input元素和display:inline-block的元素不在一行的解决办法
每次用到了<input/> 元素 和inline-block的<span></span>（不一定是span，其他一些inline的元素也是一样）元素，他们总是会不在一个水平线上，这个时候就很蛋疼了，毕竟不在水平线上，很不美观。 有以下解决办法 ...
相关推荐
两个DIV宽度和为100%，均为inline-block,却不在一条水平线上
没在一行，并且中间有条缝。 原因：两个div之间有空格 解决：给最外层div添加：{font-size:0} ...
inline-block和block元素水平居中显示
一般来说，在页面中需要进行水平居中的元素，大致分为两种，一种是块级元素，即display:block，一种是行内元素display:inline-block; 块级元素包括div，ul，p,以及所有的h类标签。行内元素又叫内联元素，a，img，input是最常见的。这些行内元素 ...
包含>文字，使 span中img和文字保持同一水平线
在一个span中有img并且有文字，结果不管怎么设置，Img总是高出来一截，特别的不协调。 代码如下： vertical-align:middle;垂直居中 id='cl ...
display:inline、block、inline-block的区别
display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 <div>, <p>, <h1>, <form> ...
display:inline-block与float
inline-block不需要清除浮动。当然，周围元素不会环绕这个元素，你也不可能通过清除inline- ...
display:inline-block 间隙
IE6/7是不支持display:inline-block属性，只是让其表现的跟inline-block一样，尤其对于inline水平的元素，其表现度可以用perfect一词来形容了。 对于IE8+以及现代浏览器，直接使用：{display:inline-block;}就可以了，支持任意水平 ...
详解 display: block（块级元素）、inline-block（行内块元素）和inline（行内元素）
元素类型大家都了解吧！ html元素的类型主要可分为块级元素、行内元素、行内块元素分别对应的各自的display属性，block、inline、inline-block html的标签都被默认设置了对应的display属性值，例如 块级元素：默认设置display:block的元素 < ...