vertical-align及IE7下的inline-block

在IE7下，是不支持inline-block元素的，当对块级元素如dl进行inline-block样式设置时，在IE7浏览器是下样式是不会生效的。

若要在IE7下实现将块级元素设置为内联元素，能够这样进行设置：

*display:inline;

*zoom:1; //获取布局

在这样设置以后，就能继续设置其余的样式了。

 

不少时候，在IE7下将块级元素设置为内联元素时，咱们可能会想到进行float浮动来实现，float了的元素是没法设置vertical-align的，由于vertical-align只适用于内联元素。

所以想要在IE7下完美实现将块级元素渲染成内联且bottom对齐，方法为：

*display:inline;

*zoom:1;

*vertical-align:bottom;

 

总结：

1）vertical-align适用于内联元素；

2）IE7下inline-block无效，须要用inline而且要获取到布局（如设置width,height,zoom等）。