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等）。 

转载于:https://www.cnblogs.com/zhangrenjie/p/5006283.html